•  09-06-2019
  •  | 
  •  

Frage

Ich habe eine website, die perfectely zentriert ausgerichtet.Der CSS-code funktioniert gut.Das problem ist nicht wirklich haben zu tun mit CSS.Ich habe Header für jede Seite, die perfectely entsprechen einander.

Allerdings, wenn der Inhalt größer wird, Opera und FireFox zeigt eine Bildlaufleiste auf der linken Seite, so dass Sie Blättern können, um die Inhalte, die nicht auf dem Bildschirm.Das macht meine Seite springen ein paar Pixel nach Links.Damit die überschriften sind nicht perfectely ausgerichtet mehr.

IE hat immer ein Scrollbalken, damit die Website nie springt in IE.

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

War es hilfreich?

Lösung

Ich benutze 

html { overflow-y: scroll; }

Die Standardisierung der Scroll-Verhalten im IE und FF

Andere Tipps

FWIW:Ich benutze

html { height: 101%; }

to force scrollbars immer angezeigt in Firefox.

Sind Sie der Angleichung mit prozentualen breiten oder Feste Breite?Ich bin auch raten, die Sie anwenden, einen hintergrund, auf den Körper - ich hatte dieses problem selbst.

Es wird viel einfacher zu helfen, wenn Sie Sie hochladen, die Seite, so dass wir sehen können, die source-code jedoch.

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

ist mein zentriert DIV

Auch brauchen Sie nicht die position: relative; - es sollte gut funktionieren, ohne es zu sein.

Ich nehme es, dass div hat zu 1000px Breite?Es wäre noch viel einfacher zu beantworten Sie diese mit der eigentlichen website.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top