CSS Container skaliert nicht mit Scrollblaken mit bei 100%height

[Stefan]

Hallo!

Ich hab ein ganz einfaches Layout mit CSS gebastelt, ein Header oben
ein content darunter. Das ganze mit fixer Breite und schön in der
Mitte.
Wenn ich jetzt aber um meinen umliegenden Container Zwecks Optik einen
Rahmen ziehen will, dann hört der bei 100% vom Fenster auf, wenn der
Content aber länger ist (quasi mit Scrollbalken) dann hört mein Rahmen
ebenfalls bei 100% auf und geht nicht bis an das Content Ende.

Hab eine Beispielseite jetzt mal bei http://www.test001.bnet.at laufen, damit
man auch sieht was ich meine ^^

Danke für die Hilfe
Stefan

[ralf]

hallo stefan,
so weit ich weiß ist das auch kein wunder.
denn 100% bezieht sich immer auf die browsergröße.
am einfachsten ist es, wenn du der id="content" einen border gibst.
und dann eine mindesthöhe von 100% eingibst.
dann müsste es funktionieren.
viele grüße
ralf

Hallo!

Ich hab ein ganz einfaches Layout mit CSS gebastelt, ein Header oben
ein content darunter. Das ganze mit fixer Breite und schön in der
Mitte.
Wenn ich jetzt aber um meinen umliegenden Container Zwecks Optik einen
Rahmen ziehen will, dann hört der bei 100% vom Fenster auf, wenn der
Content aber länger ist (quasi mit Scrollbalken) dann hört mein Rahmen
ebenfalls bei 100% auf und geht nicht bis an das Content Ende.

Hab eine Beispielseite jetzt mal bei http://www.test001.bnet.at laufen, damit
man auch sieht was ich meine ^^

Danke für die Hilfe
Stefan

[Stefan]

Danke,

das min-height:100% wars! Manchmal steht man halt einfach auf der Leitung.

Vielen Dank
Stefan

hallo stefan,
so weit ich weiß ist das auch kein wunder.
denn 100% bezieht sich immer auf die browsergröße.
am einfachsten ist es, wenn du der id="content" einen border gibst.
und dann eine mindesthöhe von 100% eingibst.
dann müsste es funktionieren.
viele grüße
ralf

[ChrisB]

Hi,

für euch beide: Bitte zitiert *sinnvoll*, das worauf ihr euch konkret bezieht, und nicht jeweils das komplette Vor-Posting.
TOFU mag hier niemand wirklich.
Danke.

MfG ChrisB

[Helmut Weber]

Hallo Stefan,

das liegt daran, dass Du dem div#container einer Höhe von 100% gibst. Das ist die Höhe des darstellbaren Bereiches, und endet somit am unteren Ende des Browserfensters. Wenn der Inhalt von div#content länger ist als verfügbar, erhält der Browser eine Scrollleiste, der div#container bleibt aber immer noch nur 100% groß, obwohl der gesamte Inhalt eigentlich 150% des Browserfensters benötigt.

Lass am Besten die height-Angabe weg, dann passt sich der div#container immer dem Inhalt an.

Wenn Du den Inhalt jedoch immer mindestens so Hoch haben willst wie das Browser-Fenster, kannst Du dies mit min-height: 100% tun.

Herzliche Grüße aus Weinsberg
Helmut Weber

[apsel]

Om nah hoo pez nyeetz, Stefan!

http://wiki.selfhtml.org/wiki/Doku:CSS/Grundlagen_von_CSS/Box-Modell

Matthias