• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bildmitte wird mit und ohne Scrollbalken unterschiedlich errechnet - Lösung?

Brezelkopf

Neues Mitglied
Hallo!
Brauche einen Tip für einen Webauftritt, der aus mehreren einzelnen HTML-Seiten besteht, für die <body> und background-position auf jeder Einzelseite auf center gesetzt sind.

Manche Seiten sind vertikal länger sind als andere sodass dementsprechend automatisch ein Scrollbalken durch den Browser erzeugt wird, während andere Seiten "auf den Bildschirm passen" und keinen Scrollbalken brauchen. Dies soll auch so sein.

Das Problem entsteht, da z.B. Firefox die center-Mitte immer exklusive Scrollbalken berechnet und sich die Seite, wenn nun ein Scrollbalken erzeugt wird, leicht nach links verschiebt, während sie auf Seiten ohne Scrollbalken etwas weiter rechts erscheint.

Beim Internet-Explorer entsteht dieses Problem nicht, da dort die center-Mitte immer gleich ist und der Scrollbalken, falls er benötigt wird, eben nur zusätzlich angezeigt wird ohne die Seitenbreite zu verändern.

Gibt es eine Lösung für das Problem? Könnte ich z.B. auch für die von der Höhe her "passenden Seiten" einen Scrollbalken rechts erzwingen, der dann aber inaktiv wäre, so dass sich die Seitenbreite im Vergleich zu Seiten mit "echtem Scrollbalken" nicht verändert?

Edit: Also das Problem entsteht dadurch, dass Firefox den Scrollbalken nur anzeigt wenn er gebraucht wird und sich so die Seite verschiebt, während der Explorer generell einen Scrollbalken anzeigt.
 
Zuletzt bearbeitet:
Verstehe das Problem nicht so ganz. Was ist daran schlimm, wenn center beim IE 5px weiter links ist als beim Firefox? Was ist dann mit Opera, Safari, Chrome, ...?
 
Hi.

Das kannst du mit css lösen:

Code:
body {overflow-y:scroll;}
damit es im ie den scrollbalken nicht zweimal gibt füge das noch in die css dazu:

Code:
* html body {overflow:auto;}
*+html body {overflow:auto;}
Liebe Grüße :grin:
sunoghlin
 
Du kannst für den FF einen permanenten Scrollbalken erzwingen, indem du für html einen height-Wert von 101% nimmst:
Seiten springen

Alternativ:
Code:
height: 100%
margin-bottom: 1px;
 
Verstehe das Problem nicht so ganz. Was ist daran schlimm, wenn center beim IE 5px weiter links ist als beim Firefox? Was ist dann mit Opera, Safari, Chrome, ...?

Es ist genau das von prm verlinkte Problem, dass die Seiten also innerhalb des Firefox "springen".
Durch Setzen des height-Wert auf 101 % habe ich es nun gelöst.

Vielen Dank an alle!
 
Zurück
Oben