WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] IE7 - footer won't clear content (8 posts)

  1. matthisco
    Member
    Posted 1 year ago #

    Cananyone please help me get the blue footer to appear at the base of the page, below the content?

    http://www.walsallccg.nhs.uk/meetings-dates/

    Many thanks

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Make sure your code validates:

    http://codex.wordpress.org/Validating_a_Website

    Then if you still have problems you may need to consider adding Conditional CSS:

    http://codex.wordpress.org/Conditional_Comment_CSS

  3. matthisco
    Member
    Posted 1 year ago #

    Thanks very much for your reply.

    Is there a reason why early versions of IE do this?

    I've given each of the elements above it a height, and set the footer to clear. I've tried placing a block element:

    <br class="clear">

    ....before the footer but still no luck.

    Is there a reason it does this so I can avoid it in the future?

    Thanks

  4. esmi
    Forum Moderator
    Posted 1 year ago #

    It's a known IE7 bug. Its CSS box-model was severely broken. See http://www.satzansatz.de/cssd/onhavinglayout.html

  5. matthisco
    Member
    Posted 1 year ago #

    Aha! Brilliant, thanks for your reply.

    I'll just hide the footer for early versions of IE from now on then!

    Thanks!

  6. matthisco
    Member
    Posted 1 year ago #

    Next problem....I'm trying to use:

    <!--[if IE 7]>
    #footer, #innerfooter{
       position: absolute !important;
       top: -9999px !important;
       left: -9999px !important;
    }
    <![endif]-->

    and

    Display:none

    But no joy:

    http://www.walsallccg.nhs.uk/our-governing-body/

    Can anyone tell me how I can hide the footer in IE 6/7 ?

    Many thanks again

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    Add to your CSS,

    #footer {
     *display: none;
    }
  8. matthisco
    Member
    Posted 1 year ago #

    Thanks for the reply.

    I used and it worked:

    .hide{
    display: none;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags