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 4 of 4
  1. #1
    Regular Coder
    Join Date
    Jun 2007
    Posts
    310
    Thanks
    86
    Thanked 3 Times in 3 Posts

    A little help with a FF issue

    Hi Guys,

    Still having problems on this page in firefox:

    http://www.sloughtownfc.net/new_design/example.php

    Basically in FF where there are aa and bb text is it ignores the margin-top and height rule I have in place, yet in IE it works fine and I can't see what the problem is? Any help please?

    Thanks

  • #2
    Regular Coder
    Join Date
    Sep 2007
    Location
    Raleigh, NC
    Posts
    273
    Thanks
    7
    Thanked 59 Times in 52 Posts
    In this case FF is actually handling things right.

    Since the 3 columns are floated they technically take up no space in normal flow. Since #mediawatch is not floated, it's fighting against two rules: the margin-top which since it's the first element in normal flow it's trying to apply to the <body> element and the clear:both, which is forcing it to be rendered below the last floated element.

    There are two ways to make this work:

    1. put the margin amount as a "margin-bottom" on one of the floated columns, which would appropriately push #mediawatch down after clearing
    2. float #mediawatch as well so it can apply its margin-top to other floated elements

  • Users who have thanked vtjustinb for this post:

    stfc_boy (10-24-2007)

  • #3
    Regular Coder
    Join Date
    Jun 2007
    Posts
    310
    Thanks
    86
    Thanked 3 Times in 3 Posts
    Magic - thanks!

  • #4
    Regular Coder
    Join Date
    Sep 2007
    Location
    Raleigh, NC
    Posts
    273
    Thanks
    7
    Thanked 59 Times in 52 Posts
    no problem. =)


  •  

    Posting Permissions

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