SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Addict
    Join Date
    Dec 2003
    Location
    Raleigh, NC
    Posts
    278
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    slight CSS navigation problem

    Hello,

    I am having trouble with the navigation at the top on http://
    www.websconsult.com/hopper/site/home.html in Explorer.

    In Explorer 7, the background color does not show up at al, get a
    whitespace, but the link hover correctly.

    In Explorer 6, the background shows up but the links do not turn
    yellow on hover like they should.

    Any ideas?

    thanks!

    Kevin

  2. #2
    SitePoint Zealot
    Join Date
    Apr 2007
    Location
    New London, CT
    Posts
    172
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    IE 6 works on windows for me. It is strange though that like you say the bg for the nav is white in IE7. No ideas yet it is almost lunchtime. I'll look when I get back.

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,467
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    In your IE stylesheet you have set the navigation to 1% high and therefore IE7 makes it 1% high which is basically invisible.

    Either set the stylesheet to lte IE 6 (or lt IE 7) or add the star selector hack to the styles:

    Code:
    * html ul#topNav li a {
    height: 1%;
    }
    * html ul#main-nav li a {
    height: 1%;
    }

    or

    Code:
    <!--[if lt IE 7]>
    <style type="text/css">@import url("css/ie.css");</style>
    <![endif]-->
    (lt means "less than" and lte means "less than or equal to")

  4. #4
    SitePoint Addict
    Join Date
    Dec 2003
    Location
    Raleigh, NC
    Posts
    278
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks Paul!


Bookmarks

Posting Permissions

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