Fixe Bereiche beim Scrollen
Alex
- css
Hallo zusammen,
ich habe vor kurzem meine Homepage erstellt. Zunächst mal mit Frontpage und mit Frames. So langsam versuche ich den Code sauber zu kriegen und will auch die Seiten ohne Frames darstellen. Nun hab ich ein Problem.
Ich hatte bisher oben auf der Seite einen horizontalen Frame. Ich habe nun versucht das mit einem div und position:fixed zu lösen. Allerdings kennt der IE das ja nicht. Im Netz habe ich jetzt ne Möglichkeit gefunden über css die Sache zu lösen. Über eine Browserweiche wird eine spezielle CSS für den IE herangezogen.
Der entscheidende Teil darin sieht wie folgt aus:
#seite {
background-image:url(arctile.jpg);
position:absolute;
top:150px;
left:0px;
width:1450px;
height:expression(document.body.clientHeight - 130 + "px");
width:expression(document.body.clientWidth 0 + "px");
overflow:auto;
}
Nun wird mir der rechte Scroll-Balken aber nicht ganz rechts angezeigt. Hier der Link zur Seite:
http://www.grosses-ritzel.de/vorworttest.htm
Kann mir da jemand helfen. Oder gibts vielleicht ne elegantere Lösung für das Problem.
Vielen Dank!
Hallo,
Nun wird mir der rechte Scroll-Balken aber nicht ganz rechts angezeigt.
vielleicht der für den Scrollbalken des body reservierte Platz?
Dein Aufbau ist noch etwas unübersichtlich, statt mit Eigenschaften der Elemente
html und body zu arbeiten, hast du weitere scrollbare Elemente und dann noch
javascript bzw. expression.
Für IE 6 kann position:fixed einfacher realisiert werden, der Scrollbalken
geht bei dem Beispiel allerdings nicht bis ganz nach oben.
Hier gibts auch noch Infos:
http://de.selfhtml.org/css/layouts/fixbereiche.htm#fixiert_ie
Grüsse
Cyx23
Danke für den Tip, hab nicht alles verstanden, aber es funktioniert jetzt und sogar noch viel besser als zuvor. :-)