Browser Bildlaufleiste

Question

Ich habe eine Website, die perfekt zentriert ausgerichtet ist. Der CSS-Code funktioniert einwandfrei. Das Problem hat nicht wirklich mit CSS zu tun. Ich habe Header für jede Seite, die perfekt zueinander passen.

Wenn der Inhalt jedoch größer wird, zeigen Opera und FireFox links eine Bildlaufleiste an, sodass Sie zum Inhalt blättern können, der nicht auf dem Bildschirm angezeigt wird. Dadurch springt meine Site ein paar Pixel nach links. Somit sind die Header nicht mehr perfekt ausgerichtet.

IE hat immer eine Bildlaufleiste, so dass die Website nie in IE springt.

Kennt jemand eine JavaScript/CSS/HTML-Lösung für dieses Problem?

Answer 1

Ich benutze

html { overflow-y: scroll; } 

Um die Bildlaufverhalten in IE und FF

Answer 2

Passen Sie mit prozentualen Breiten oder festen Breiten an? Ich vermute auch, dass Sie einen Hintergrund auf den Körper anwenden - ich hatte dieses Problem selbst.

Es wird viel einfacher sein, Ihnen zu helfen, wenn Sie die Seite hochladen, damit wir den Quellcode jedoch sehen können.

Answer 3

#middle 
    {   
position: relative; 
margin: 0px auto 0px auto;  
width: 1000px; 
max-width: 1000px; 
} 

ist mein zentrierten DIV

Answer 4

Nun, Sie brauchen nicht die position: relative; - es sollte ohne es funktionieren.

Ich nehme an, dass divhat zu 1000px breit sein? Es wäre immer noch viel einfacher, dies mit der tatsächlichen Website zu beantworten.

Answer 5

FWIW zu standardisieren: Ich benutze

html { height: 101%; } 

Bildlaufleisten zu zwingen, immer in Firefox erscheinen.