IE layout

[n00bz0rd2]

I'm close to finishing my site, but ran into a bit of a snag.
In Firefox and Chrome, the site is how I want it, but in IE7 the navigation and footer are not aligned properly. I had a little tinker but to no avail. I thought it might be that I havn't cleared my floats but I don't how to.

http://www.purgatoryarts.com/test.php

[n00bz0rd2]

Can anybody help out? I've noticed that it works fine in IE8 but still not IE7.

[Eazi]

The DOM model is all wrong.

If you view the source of the rendered page you have </body></html> followed by a new set of headers on line 41 and then again on line 64 ???

[n00bz0rd2]

The DOM model is all wrong.

If you view the source of the rendered page you have </body></html> followed by a new set of headers on line 41 and then again on line 64 ???

Thats because of the php include for the footer and navigation. If I open the page in Dreamweaver everything is ok.

[big man]

Thats because of the php include for the footer and navigation. If I open the page in Dreamweaver everything is ok.

that may be, but nobody else is going to be viewing it in dreamweaver!

get your dom model sorted and then have another go

take a look here for some more help

http://validator.w3.org/check?uri=ht...Inline&group=0

[n00bz0rd2]

Ok, I've fixed all the errors shown by the validator. Still hasn't fixed the problem.

[big man]

It looks like the floats and the margins are out
left nav, recent news and footer all require a float:left
leftnav and footer need their margin-left reset to 0

no idea what that does to the layout in any other browser

and also, even though you haven't asked about this, get rid of the massive images for buttons. you should be using links and applying css styling on buttons that basic

if you want some inspiration as to styling a site, take a look at http://www.csszengarden.com/
every page on there has identical markup, only the css and image files differ