div immer bis zum Ende der Seite ziehen [Archiv] - PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr

Archiv verlassen und diese Seite im Standarddesign anzeigen :
div immer bis zum Ende der Seite ziehen

KarlKoks

09-07-2010, 17:07

Hallo,
ich versuche gerade ein div immer automatisch bis ganz nach unten zu ziehen.
Mal angenommen der Seiteninhalt ist nur sehr wenig und endet bereits so das der Browser keine Scrollbars erstellen muss, dann möchte ich trotzdem nicht das div darunter enden lassen, sondern erst ganz unten am Browserende, also direkt über der Statusleiste.

height:100%; funktioniert nicht, da er dort anscheind die Gesamtehöhe nochmal darunterhängt und dann kann man scrollen, obwohl kein Inhalt mehr da ist.

Kann mir da jemand helfen?

Gruß

wahsaga

09-07-2010, 17:18

height:100%; funktioniert nicht, da er dort anscheind die Gesamtehöhe nochmal darunterhängt
Doch, height:100% „funktioniert“ - aber nur, wenn auch alle Vorfahrenelemente, bis hinauf zu HTML, ebenfalls eine explizite Höhe haben.
Und das mit dem „Gesamtehöhe nochmal darunterhängen“ klingt eher so, als hättest du das Box Model noch nicht verstanden.

Kann mir da jemand helfen?
Am besten wohl erst mal - ein CSS-Grundlagentutorial.

KarlKoks

09-07-2010, 17:34

Ne so ganz steige ich da leider noch nicht durch!

Gruß

Kropff

09-07-2010, 19:24

html, body, div.dein-div
{
height: 100%;
}

Allerdings reicht das dann nur bis zum so genannten Viewport, sobald der Inhalt länger wird, hast du ein Problem. Dann must du ggf. mit overflow arbeiten.

Peter

KarlKoks

10-07-2010, 11:52

Guten Morgen,
ja danke erstmal.
Ich werde es mal ausprobieren.

Gruß

- -