It looks like you commented out all of the CSS, including the structure that centers the site and sets the widths of your columns. Is there a reason you chose to do that?
1 person found this helpful
(The HTML comments inside the style tags are fine. They hide the stylesheet from ancient browsers which would otherwise display the CSS rules as plain text in the page)
The CSS in the <head> section of the page is partially working but mostly ignored because it's broken in one spot.
The embedded CSS rule for the <body> tag is broken (incomplete) for the background attributes in red below:
font: 100% Verdana, Arial, Helvetica, sans-serif;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
text-align: center; /* this centers the container in IE 5
browsers. The text is then set to the left aligned default in the #container selector */
Up to the margin-left attribute is read and honoured by the browsers. After that is ignored.
You can see this via View > Source in IE8 where the coding changes color after margin-left.
This is causing the rest of the CSS rules which create the page structure from that point on to be ignored by the browsers.
Either delete or properly complete the background attributes in the rule above.
Many thanks for youir quick replies.
I have removed the code highlighted and page now looks to be working correctly. Many thanks for taking the time to answer.
Have a nice day.
Nice find John!