Using margin to center

It's the first time that i deploy this technique, and wonder why I haven't discovered it sooner. It's a really nice technique, and this way I don't have to worry about different resolutions when designing the layout.

Ofcours Internet Explorer had to spoil the fun.

for the layout I use a main wrapper with margin:0 auto aplied to it.

the mainwrapper contains a banner div and a wrapper div wich contains the content, both are set to width:100%.


a starting page contains two links, on will take you to the site, displaying it with a stylesheet for ie browsers, another will take you there using a stylesheet for other browsers.

Internet Explorer messes seems to completely ignore the margin settting on the starting page and screwes it up.


The rest of the pages look normal in IE, using the margin setting correctly

problem solved. I found a workaround for ie: aplying text-align instead of margin: 0 auto to the body