Comments on: Center align a container in IE

By: Vivekanand

Vivekanand — Mon, 19 Apr 2010 17:56:10 +0000

Hi All,

I would like to go with Piers Johnson – since when you make the DOCTYPE to Strict and if it is of HTML 4.0 then margin:0 auto; would work in all browsers.

1. DOCTYPE – Default – HTML 4.0, margin:0 auto; would not work -> for this you need to add text-align:center;
2. DOCTYPE – Strict – HTML 4.0, margin:0 auto; would work in all browsers
3. DOCTYPE – Default – XHTML, margin:0 auto; would work like a charm

This is what I have discovered, when I was working for a project. Its a good R&D for me – hope this might help others…..

Cheers!
Vivek [Founder of http://www.developersnippets.com

By: itsAsecret

itsAsecret — Fri, 26 Feb 2010 17:00:52 +0000

margin-left:auto;
margin-right:auto;

This is the same as

margin:0 auto ;
ddduuuuhhh, its the shorthand

By: Jake Pucan

Jake Pucan — Thu, 05 Nov 2009 05:59:15 +0000

I agree with Piers Johnson says

By: Martin

Martin — Tue, 21 Jul 2009 12:24:54 +0000

It’s an amazing trick! Thanks!

By: dz

dz — Wed, 10 Jun 2009 10:06:51 +0000

Amazing hack. I was pulling my hair out over this problem that the strict doctype would not solve as the padding is strange for IE6 for strange reasons.

Thank you!

By: Fawaz

Fawaz — Wed, 08 Apr 2009 11:35:04 +0000

Dude your hack worked like a magic ….. Thanks man ….

By: Piers Johnson

Piers Johnson — Fri, 18 Jul 2008 12:13:43 +0000

You don’t need to use that hack, if you use the strict DOCTYPE margin: 0 auto will work in IE6 as it would in all other browsers.

By: Donald Organ

Donald Organ — Thu, 05 Jun 2008 16:17:14 +0000

i dont know setting the following properties works for me

margin-left:auto;
margin-right:auto;

That always seems to do the trick in IE and firefox.