Hallo jensemann,
Ich möchte eine Seite entwerfen mit einem 800px breiten zentrierten container-div. Dieses div soll immer 100% höhe einnehmen.
Hierin soll ein header-div und ein navi-div stecken. Das navi-div soll links unterhalb des headers positioniert sein und auch immer eine höhe von 100% haben. Leider bekomme ich das nicht hin, obwohl ich fast alles, was ich hier oder woanders gefunden habe ausprobiert habe.
Bist Du sicher, daß die Navigationsbox als solche immer diese Höhe haben soll,
oder geht es Dir nur um den Hintergrund dieser Box, der bis unten durchlaufen soll?
Für letztere Aufgabenstellung gibt es meines Wissens zwei Lösungsansätze:
-
der umgebenden Box ein Hintergrundbild verpassen, das den "Streifen" Navihintergrund enthält ("faux columns" wäre wohl das passende Suchwort)
-
kürzlich mal ausprobiert, auch sehr nett, habe noch keine Haken entdeckt: das Standard-Design der Webkrauts, wo die Navibox einen sehr großen Innenabstand (padding) und einen ebenso großen negativen Außenabstand (margin) erhält. Das umgebende Element bekommt dann noch ein overflow: hidden; mit, damit das Element unten gekappt wird.
Hilft Dir das weiter?
Gruß aus Köln-Ehrenfeld,
Elya