Dag experts,

Ik heb voor een klant even een website herscript (van allemaal frames naar divs) maar nu is de main container div op een of andere manier niet gecentreerd in Internet Explorer (wel in andere browsers) en ik kan maar niet vinden hoe dit komt?

Iemand een ideetje?

[URLs]

Alvast bedankt voor jullie hulp!
Jonas

Je gebruikt nu

Code:

margin: 0 auto;

Probeer dit eens te gebruiken op de container:

Code:

position: relative;
left: 50%;
margin-left: -375px;

Moet altijd werken :-)

Een andere methode is om in de css instellingen van de container div de padding links en rechts op auto te zetten.

@Ben: dat is wel een omslachtige manier.

Cross-browser te centreren kun je het beste zo doen:

CSS:

Code:

body { text-align: center; }
#container { margin: 0 auto; text-align: left; }

Eenvoudig, en het werkt in alle browsers.

Het is omslachtig, maar het werkt altijd ;-)

Maar als je de breedte van de container aanpast, moet je ook de CSS aanpassen. De manier die ik gebruik werkt met elke breedte van de container div.

Akkoord, heb je gelijk in.

Bedankt voor jullie hulp.

Ik heb text-align:center; toegevoegd en het werkt :)

Wel in de CSS van de container text-align:left doen, anders wordt dat ook gecentreerd weergegeven.

Uiteraard :)

Simpelste manier is werkt 100%

body{ margin: 0 auto;*ff, en goede browsers* text-align: center;*ie*}
en dan:
#container { text-align: left;}

Oopsa opgelost :)