Layout floats to the left in IE7

HTML & CSS
1

hello everyone,

i have centered my layout using margin: 0 auto;
This looks fine on ff and chrome, however it is different on ie. I suspect that it is because i have some floated elements in the layout, but i am not positive.

here is the link: http://bestofgy1.kkinc.org/

Anyone got an idea of what’s happening? Any tip is appreciated: Thank you:

2

Thank you guys. I have been so frustrated by this.

3

Hi,
You have an improper doctype and it is throwing IE into quirks mode.

Learn more about doctypes

I would recommend HTML 4.01 Strict


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
4

As Ray pointed out, an improper doctype is causing this. Without a proper doctype IE gets thrown into quirks mode which makes it behave more like IE5, and EI5 doesn’t support auto margins :slight_smile: