ChrisB: div-container springt weg bei dynamischer Seitenlänge

Beitrag lesen

Hi,

Alles klappt auch supi im IE und FF solange der Inhalt tatsächlich länger ist als das Browser-Fenster. Passt der Inhalt aber hinein und man navigiert zu einer anderen Seite mit längerem Inhalt, dann springt die ganze Seite im FF um ein paar Pixel weg. Im IE dagegen ist alles okay. Ich finde den Fehler einfach nicht.

Kannst du auch nicht, weil da kein "Fehler" ist.

FireFox zeigt keinen "Geister-Scrollbalken" an, wenn keiner benötigt wird, der IE schon.
Also ändert sich im FireFox die zur Verfügung stehende Anzeigebreite, je nachdem, ob der Inhalt "höher" als der Viewport ist, oder nicht. Im IE bleibt alles gleich, weil der den Scrollbalken sowieso darstellt, nur im Zweifelsfalle inaktiv.
Und diese abweichende Breite wirkt sich natürlich auf eine Zentrierung von Elementen entsprechend aus.

Hier schon des öfteren zu diesem Thema diskutierte Lösungsansätze sind, entweder dafür zu sorgen, dass der Inhalt immer mindestens so hoch ist, dass ein Scrollbalken dargestellt wird (mit minimaler "Scrollbarkeit", also Mindesthöhe für den Inhalt 100% + 1px; oder aber mittels overflow-y dafür zu sorgen, dass auch andere Browser als der IE sich verpflichtet fühlen, immer einen Scrollbalken anzuzeigen, auch wenn keiner erforderlich wäre.

MfG ChrisB

--
Light travels faster than sound - that's why most people appear bright until you hear them speak.