HTML/CSS [Solved] Div nur bis Containerende strecken (height)

jwacalex

Well-known member
ID: 104481
L
20 April 2006
240
8
Hallo,
ich bin gerade dabei, ein sehr einfaches CSS-Layout zu bauen und habe folgendes Problem:

Das ganze Layout befindet sich im div "wrapper". Diese wird richtig bis auf das Ende des darstellbaren Bereiches des Browserfensters gestreckt.
Die Navigation "navigation" soll nun von dem Header-Element bis zum Footer gestreckt werden.
An dieser Stelle zerlegt es das Design, sodas das Element nicht nur bis zum Footer geht, sondern ein paar Pixel weiter, sodass eine Scrollbar entsteht.


Ansich ist der Fehler einfach zu beheben (nehme ich mal an), allerdings habe ich ein Brett vorm Kopf, drehe und google mich im Kreise. Aus diesem Grund wäre ich für einen Ansatz ("Schau mal da, ...") dankbar.


Lösung meines Problems
  1. Verwendung von YAML
  2. Verwendung eines eigenen Gridlayouts bei YAML
  3. Grid-Container hat folgende Klassen: ym-grid ym-equalize grid-equalheights
Somit sind alle drei Containerdivs immer genauso groß wie der höchste. Die Lösung ist auch bei Github: https://gist.github.com/3fb9187c92eefa7ef731
 
Zuletzt bearbeitet: