DIV height: 100%, auch beim scrollen
action
- css
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
Ach so, ums besser zu beschreiben:
height: 100% ist an sich korrekt, wenn der Content jedoch länger ist als eine Bildschirmhöhe, müsste der Container sich natürlich ensprechend mit vergrößern.
Ich hoffe jemand hat da ne Lösung parat :(
Gruß,
Sascha
Hi,Sascha
Eine direkte Lösung kann ich dir nicht bieten,
aber bei Frames war es so,
dass das Scrollen mit scrolling="no" unterbinden konnte!
Versuch es mal!(Ich habe es noch nicht!;-))
mfG.
the code
P.s.Falls es jm. besser weiß,sagt es Sascha und mir!
Hi!
aber bei Frames war es so,
dass das Scrollen mit scrolling="no" unterbinden konnte!
Ein Fram kommt leider nicht wirklich in Frage, da es hier um die benutzung einer Hintergrundgrafik geht, denke das muss schon mit einem DIV gemacht werden. Ausserdem krich ich für Frames kloppe denk ich ^^
Gruß,
Sascha