Degene voor wie ik een website aan het maken ben voor een stichting heeft ontdekt dat als je zoomt in firefox (ctrl + scrollen met muis) dat de website die ik gemaakt heb dan precies in het midden blijft van de pagina.

Maar als je in internet explorer zoomt gaat de pagina helemaal naar rechts, en blijft ie niet in het midden, en moet je naar rechts toe scrollen om de website weer in beeld te krijgen.

Ik heb de website als volgt gecentreerd:

#container {
width: 900px;
height: auto;
position: absolute;
left: 50%;
margin-left: -450px;
}

Hoe kan ik ervoor zorgen dat als ik zoom in IE dat de website dan ook in het midden blijft? Net zoals in Firefox?

#container {
width: 900px;
margin:0 auto;
}

Dit is het als het goed is, alleen deze code dus!

Origineel gepost door S. Zanders

#container {
width: 900px;
margin:0 auto;
}

Dit is het als het goed is, alleen deze code dus!

Let op dat de body dan ook margin:0px auto; mee moet krijgen, dus dan krijg je dit:

body {
margin:0px auto;
}
#container {
width: 900px;
margin:0px auto;
}

Bedankt beide, idd moest de body ook die code mee krijgen.

Hoeft bij mij nooit, de body margin: 0 auto; meegeven.

Origineel gepost door René Vennik

Hoeft bij mij nooit, de body margin: 0 auto; meegeven.

Verschillende webbrowsers kijken daar anders tegen aan. Om het overal werkend te krijgen
kan je dat uit voorzorg beter standaard doen.

Origineel gepost door gast2960

Verschillende webbrowsers kijken daar anders tegen aan. Om het overal werkend te krijgen
kan je dat uit voorzorg beter standaard doen.

Welke browser geeft dan conflicten? Body margin 0 auto is overbodig.

Origineel gepost door Jeroen Marechal

Welke browser geeft dan conflicten? Body margin 0 auto is overbodig.

Oudere versies van Internet Explorer bijvoorbeeld, alhoewel deze inmiddels niet meer ondersteunt zouden moeten worden.

Daarbij hebben veel browsers een standaard margin van ongeveer 10px staan. Veel templates hebben die margin niet nodig. Als je dan toch marin:0px; neerzet, waarom dan niet direct margin:0px auto;?

Meestal ze ik alle margin's en padding's standaard op 0:
* { margin:0; padding:0; }
Als het goed is hoeft er dan geen body { margin:0 auto; } toegevoegd te worden.
Maar toch bedankt voor het opletten Gijsbert :-) .

Hier toch nog even een vraag over.

Als ik zoom, in internet explorer, dan komen er witte gedeeltes tussen, alles word uit zijn verband gerukt.

Tussen het menu en de headerfoto komt ruimte (witte ruimter word groter hoe meer je zoomt).
En tussen de headerfoto en de onderkant (tekst, blauwe en zwarte vak) komt ook ruimte.
En ook hier geld, hoe meer je zoomt, hoe groter de witte ruimte.

Wat is hiervan de oorzaak?
Zie bijlage.

Kan iemand mij helpen?