SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast
    Join Date
    Feb 2006
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE ul or li display or float issue?

    In Firefox, http://www.floodgaterecords.com/index.php displays correctly.

    In IE7, you can see the nav cascades downwards. NOT GOOD.

    If I add:

    Code:
    #nav li {
    float:left;
    }
    ...then three of the four links show up at the top, but the fourth is pushed down to the next line.

    This was recommended to me on a similar problem:
    "I think it's a hasLayout problem. Try setting min-height:1px or zoom:1.0 for the LI elements."
    ...but this didn't fix it.

    Any more ideas?

    Thanks!

  2. #2
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,122
    Mentioned
    29 Post(s)
    Tagged
    2 Thread(s)
    Hi,

    Float the li and the a elements, and you don't have any reason to have overflow set on the anchors either, try:
    Code:
    #nav li {
      float: left;
    }
    #nav #navi li a { width:196px; height:58px; background-image: url('../g/nav.gif'); background-repeat: no-repeat; float: left; 
     text-indent: -5000px; }


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
  •