IE Footer Problems

[azharc]

Hey guys,


In Firefox it's all fine but I can't figure out why the footer text comes out a bit higher in IE (and the neat spacing in the table is lost)

http://www.cathedral-school.com/devzone/principalsmessage.php

Can anyone offer any help? The stylesheet is main.css and ID concerned is #footer

Thanks for anything here, I'm really stuck.

[Wickham]

It could be just that IE7 and Firefox give different default top margins to <p> tags.

You can make them both the same by adding margin-top: 15px to the footer <p> tag:-

<p style="margin-top: 15px;" align="center"><span
class="style2"> <a href="contact.php"> Contact Us</a> | .....

You have given the tag a class="style2" but this doesn't appear in main.css so that is having no effect.

I also note that the html source file as I see it has lots of repeating sections of Doctype, html tags and head section and lots of closing tags. This may be because you are using PHP and perhaps you have repeated these sections in the .inc files. The included sections only need the code to be inserted by the PHP tags. It doesn't seem to have done any harm though.