I'm trying to do a quick makeover on part of a site what was created long time back with old school tables layout. I want to make it look similar to the newer parts which use css layout. In brief, I've taken a fluid full width tables based layout, wrapped all the tables into a containing div, and want this to centre horizontally on the page.
The container div centres perfectly in Firefox (pc), but is left aligned in IE 6 and 7 (pc). I've changed all the html, body and container code to the correctly aligned new style css layout page, but it still aligns to the left of the browser in IE6 and 7. As I'm banging my head looking at the same code without any more ideas, I wonder if anyone could shed light on why this is happening please?
many, many thanks in advance,
My newstyle css based layout which centres fine in IE is at:
The incorrectly aligned oldschool tables based layout (now wrapped in a div) is at:
The start of each stylesheet is the same code:
padding: 40px 0px 4px 0px;
background: url("../images/utility/background/back.gif") repeat-x top left #043047;
border:1px solid #000;