Automatische Erkennung und Speicherung der Höhe des Anzeigebereichs

[Stefan_Niederkofler]

Hi,

mein Problem:

ich habe mit css einen Container definiert, mit margin-left/right: auto, damit er sich immer in der horizontalen mitte der Seite befindet. Der gesamte Inhalt der Webseite kommt in diesen Container. Ich möchte jetzt einen 1px hohen Verlauf als Hintergrund. Damit der Verlauf (zB. Schwarz->rot) immer mittig ist, packe ich ihn in den Container, und setze die Hintergrund Farbe vom Body auf rot, damit kein unschöner rand entsteht, falls jemand eine höhere Auflösung verwendet.
Jetzt mein eigentliches Problem. In der Horizontalen ist alles perfekt. Aber der Verlauf ist in der Vertikalen ja durch die Höhe des Containers beschränkt. Also sollte der Container immer so hoch sein, wie der Anzeigebereich des Fensters.


Beim Firefox hab ich es bereits geschaft mit Javascript. Leider funktioniert dies beim IE 6.0 nicht...

Das hier wäre die entsprechende Zeile:
document.getElementById("container").style.height = window.innerHeight + "px";

FF:

IE:

Könnte man das auch mit PHP lösen?

Und kann man irgendwie überwachen ob die Fenstergröße geändert wird, und falls ja, das script erneut aufrufen?

Vielen Dank schon mal!

 

[Gelöschtes Mitglied 3007]

html, body, #dein_div {
    height: 100%;
}

#dein_div {
    margin: 0 auto;
    width: 600px;
}

versuchs mal ^^
vllt brauchst du zum zentrieren noch nen kleines

text-align: center;

im body teil aber sonst sollte es so gehen ^^

 

[crash]

Wichtig: DOCTYPE der die Browser in den Standards-Mode bringt. text-align: center; braucht man dann nur für IE5.01.

 

[Stefan_Niederkofler]

Manchmal denke ich einfach zu kompliziert... :-D

Vielen Dank! :)