Results 1 to 2 of 2

Thread: IE Footer Problems

  1. #1
    Join Date
    Feb 2007
    Posts
    1

    IE Footer Problems

    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/devz...alsmessage.php

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

    Thanks for anything here, I'm really stuck.

  2. #2
    Join Date
    Feb 2006
    Location
    Salisbury UK
    Posts
    4,332
    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.
    Code downloaded to my PC will be deleted in due course.
    WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
    Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.

Similar Threads

  1. Having problems with a footer - can someone help?
    By DankaShine in forum Web Design, HTML Reference and CSS
    Replies: 1
    Last Post: 07 Jun 2006, 12:40 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •