Language:

Springender Content im Firefox

Language: Deutsch
Programming Language: CSS
Published by: Thomas
Last Update: 4/24/2006
Views: 1626

Description

Das Problem: zentriert man Content auf der Seite, und reicht dieser nicht "bis zum Ende des Browserfensters", sprich füllt er den Browser vertikal nicht auf, dann blendet der IE einen Platzhalter für die vertikale Scrollbar ein. Das ist insbesondere hilfreich für das Auge des Benutzers: denn wechselt er zwischen "kurzen" und "langen" Seiten, springt der Inhalt nicht hin und her.

Anders im Firefox: hier wird je nach Länge die Scrollbar ein- oder ausgeblendet. Was an sich ja nicht schlecht ist - das Ausblenden der Scrollbar, wo sie nicht nötig ist, nervt aber - denn dann tritt der oben beschriebene Effekt ein.

Einzige nach meinem Kenntnisstand halbwegs vernünftige Lösung: ein absolut positionierter und 101% großer Layer. Er bewegt den Fuchs dazu, immer eine Scrollbar anzuzeigen. Netter Nebeneffekt: den IE juckt das gar nicht, er zeigt auch weiterhin seinen Platzhalter an.

Code

1 <div id="scrollbar_placeholder" style="position:absolute;height:101%;">&nbsp;</div>

2 comments

1

gute Lösung - funktioniert.

Thursday, September 07, 2006 7:53:40 PM from Michael
2

diese lösung ist ein hack.
mein gegenvorschlag:

html {overflow-y: scroll}

und um anders herum im ie das verhalten des mozilla zu bekommen:

body {overflow-y: auto}

Saturday, November 18, 2006 11:18:38 AM from dmd

Add a comment

Name *  

Email (won't be displayed) *    

Website  

Comment *  

Sicherheitscode Security Code *    

RSS