Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    May 2006
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Help with CSS heights

    I have this page:

    http://fantasyfootball.pzproductions.com

    I want the wrapper (white background) and the footer to follow the height of both the navigation and the content, however for some reason they only follow the height of the content.

    Look at the site in IE, you'll see that the navigation and footer are met up, when in the code I have it set for the footer to have a 10px relative margin-top. Now, it will follow the code when in relation to the div.content, but not the div.navigation.

    The wrapper in IE follows fine, however in firefox, neither the wrapper, nor the footer follow the navigation.

    If you could check my code to see whats up, I'd greatly appreciate it.

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Clearing floats

    Your navigation div is floated left; Firefox correctly moves any following content, and the wrapper, up to the bottom of any non-floated content (the content div). Again, this is correct behaviour according to the specs; IE behaves, once again, incorrectly.
    Simply clearing the footer ought to do the trick (clear: both).
    Regards,
    Ronald.
    ronaldvanderwijden.com


  •  

    Posting Permissions

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