nicht angemeldet
Hallo,
sitze gerade an einem Problem, dass bereits öfter im Netz beschrieben wurde, aber auf die korrekte Lösung bin ich leider noch nicht gestoßen.
Ich habe einen DIV, der über 100% Höhe des Browsers gehen soll. Dies habe ich mit folgendem Stylesheet angepasst:
html {
height: 100%;
}
body {
height: 100%;
background-color: #E44236;
background-image: url(../images/bg_.gif);
background-repeat: repeat-x;
margin: 0;
padding: 0;
}
img{
border:0;
}
#container{
min-height: 100%;
height:auto !important; /* moderne Browser */
height:100%; /* IE */
background-image: url(../images/container_bg_.gif);
background-repeat: repeat-y;
}
Klappt an sich ganz gut, wenn man das Fenster in der größe ändert (unten rechts anklicken und ziehen) passt sich der DIV immer an die aktuelle Fensterhöhe an. Problem ergibt sich, sobald der Content länder ist, als das Fenster und man nun runterscrollt. Als Höhe ist ja die aktuelle Fensterhöhe gegeben. Wenn nun also runterscrolle, kommt das Ende des Divs zu Tage.
Weiss jemand von euch wie man sowas hinbekommt?
Gruß,
Sascha