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
    Regular Coder
    Join Date
    Jul 2004
    Location
    Lebanon
    Posts
    223
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Exclamation margin-bottom appearing on IE

    Another CSS problem on IE, the logo image is adding a margin-bottom only on IE and I don't understand why.

    This is the site: http://www.mosaicdiscovery.com (guest/guest)

    I hope you can help me out in here.

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,955
    Thanks
    9
    Thanked 726 Times in 720 Posts
    I think there's three issues here.

    First off, you have a couple of clearing divs within the .navigation div. IE is giving these some height.

    Code:
    <div class="clear"></div>
    Start off by deleting these, and clear the floats by adding:

    Code:
    overflow:auto
    to .navigation instead.

    Next, you have a couple of line breaks at the end of the "quick_find_header"" form. Get rid of these as well.

    Finally, add:

    Code:
    img{display:block}
    to your css to remove the gap after the image. Alternatives here are float:left on the img or vertical-align:bottom.

    Give that a try.


  •  

    Tags for this Thread

    Posting Permissions

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