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 6 of 6
  1. #1
    Regular Coder Pepe, the bull's Avatar
    Join Date
    Feb 2005
    Location
    Vancouver, WA
    Posts
    163
    Thanks
    1
    Thanked 16 Times in 16 Posts

    FF and IE6 show div correctly. IE7 has gap above div.

    Hello,

    I am working on a website for the school where I work, and I had a pretty good layout going. With some hacks, FF and IE6 both display it properly. However, IE7 is displaying a small gap above my mainnav div. Here is a link to the page. Any help and explanation would be greatly appreciated.
    Pepe, the bull

  • #2
    ess
    ess is offline
    Regular Coder
    Join Date
    Oct 2006
    Location
    United Kingdom
    Posts
    866
    Thanks
    7
    Thanked 30 Times in 29 Posts
    I am not very good with CSS. But here is something you should check in your css. I am not sure if it the cause of the problem...but check it anyway.

    >html #globalnav {he\ight: auto;} /* for IE5/Mac */

  • #3
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Well IE7 now understands this
    Code:
    html >body
    I also saw you put overflow:visible on your li for your main nav. Get rid of that.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #4
    Regular Coder Pepe, the bull's Avatar
    Join Date
    Feb 2005
    Location
    Vancouver, WA
    Posts
    163
    Thanks
    1
    Thanked 16 Times in 16 Posts
    I thank you for your responses, but it didn't fix the small gap above the main nav. Is there anything that FF understands that IE7 doesn't (or vice versa)?
    Last edited by Pepe, the bull; 11-03-2006 at 05:49 PM. Reason: Clarification
    Pepe, the bull

  • #5
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Add this after your globalactions div
    Code:
    <div class="clear">&nbsp;</div>
    change the class .clear in your CSS from this
    Code:
    .clear{clear:both;}
    to this
    Code:
    .clear{clear:both;line-height:0px;font-size:0;}
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #6
    Regular Coder Pepe, the bull's Avatar
    Join Date
    Feb 2005
    Location
    Vancouver, WA
    Posts
    163
    Thanks
    1
    Thanked 16 Times in 16 Posts
    Thanks. It works perfectly.
    Pepe, the bull


  •  

    Posting Permissions

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