ansaurus

Question

centered fixed width layout breaking in IE6

Answer 1

A:

Try this styling instead, there's no reason to float anything but the side-bar, just adds more complexity to confuse IE6.

div#wrapper{width:900px; margin: 0 auto;}
div#header{width: 900px;}
div#sidebar{float:left; width: 300px;}
div#content{margin-left: 300px; width:600px;}
div#footer{width: 900px; clear:both;}

Nick Craver 2010-01-26 00:38:36

Answer 2

+1 A:

You need to have a doctype declared..

any doctype will do ..

(checked)

Gaby 2010-01-26 01:05:21

oh, I forgot to notify that the page is valid, doctype declared and all..the code given is on the layout only

Ygam 2010-01-26 01:25:55

@Ygam - the doctype needs to be on the very first line, before anything else, otherwise it'll trigger quirks mode

K Prime 2010-01-26 01:37:15

@Ygam, it works great on my system in IE 6 when i add a doctype at the top.. the moment i remove it, it gets the behaviour you mention .. Perhaps if you can provide a live example ..

Gaby 2010-01-26 01:41:17

http://www.thehotelinventory.com/test - here you go, a bit of markup difference but structurally, it is the same

Ygam 2010-01-26 01:53:26

@Ygam, the url you provided works fine in IE6 and IE7 ..

Gaby 2010-01-26 02:09:24

@Ygam, if you have to support quirks mode, then add `body {text-align:center;}`.. although it would be wiser to find a solution so that you do not go in quirks mode ...

Gaby 2010-01-26 02:11:46

hm...that's bad...cuz it breaks in quirks mode; a colleague told me that quirks mode is like running it in IE6

Ygam 2010-01-26 02:22:52

@Ygam, IE6 can work in standard-compliant mode.. look at http://msdn.microsoft.com/en-us/library/bb250395%28VS.85%29.aspx

Gaby 2010-01-26 02:27:52

great tip. thanks! btw, what to you use to test your site in IE6? and test it also in later versions?

Ygam 2010-01-26 02:34:21

@Ygam, i just have multiple computers :)

Gaby 2010-01-26 12:28:12

Answer 3

A:

Like Gaby says, a doctype will do the trick. Give this a try at the top of your document:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

ScottE 2010-01-26 01:17:35

ansaurus

tags:

views:

answers:

centered fixed width layout breaking in IE6

related questions