www.webdeveloper.com
Results 1 to 7 of 7

Thread: Weird LI problem in FireFox

  1. #1
    Join Date
    Oct 2004
    Location
    Pismo Beach, California
    Posts
    9

    Weird LI problem in FireFox

    I have a strange FF problem which I have been trying to solve for days. It involves the absolute positioning of a an outer list DIV element containing several inner list DIV elements.

    The list is absolutely positioned and is in the correct spot in IE and FF. The problem is that even though the list is positioned correctly on the page in FF, the individual LI elements are offset to the right by 40px.

    I have validated the XHTML, validated the CSS, double-checked the DOCTYPE, twiddled with every margin, padding, float etc. trick I can think of and nothing seems to solve the problem so that the LI elements are correct in both IE and FF.

    Take a look at http://www.bluemagoo.com/bikefirst/bikehatsu.html

    The CSS is all embedded, so no external SS to look at.

    Thanks,

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Code:
    ul {padding:0;}
    At least 98% of internet users' DNA is identical to that of chimpanzees

  3. #3
    Join Date
    May 2005
    Posts
    2,040

  4. #4
    Join Date
    Oct 2004
    Location
    Pismo Beach, California
    Posts
    9
    Quote Originally Posted by Fang View Post
    Code:
    ul {padding:0;}

    Thanks! That worked great.

  5. #5
    Join Date
    Oct 2004
    Location
    Pismo Beach, California
    Posts
    9
    Quote Originally Posted by drhowarddrfine View Post
    Yep. As always, FF should be your reference for how things should work. NEVER IE!

    Excellent resources. BrowserWatch etc. still has FF @ 17.2% of all users, so IE still in the mix!

  6. #6
    Join Date
    Oct 2005
    Posts
    14
    Quote Originally Posted by indexhead View Post
    Excellent resources. BrowserWatch etc. still has FF @ 17.2% of all users, so IE still in the mix!
    The point is that you should code for FF and not IE. FF displays what you've coded and so if you mess up or something is off, FF will show it. On the other hand, IE is not quite standard compliant yet and so it tends to displays incorrectly at times depending the CSS used (padding, border, etc.)

    So code for FF and then if it's messed up in IE, used IE Conditional Comments (CC). 9 times out of 10 you will not have to use IE CC when properly coded.

  7. #7
    Join Date
    Dec 2003
    Location
    Bucharest, ROMANIA
    Posts
    15,428
    Quote Originally Posted by indexhead View Post
    Excellent resources. BrowserWatch etc. still has FF @ 17.2% of all users, so IE still in the mix!
    check for IE6, not for all the IE browsers, because IE6 is the black sheep of the family: it has an incomplete standard CSS implementation and it has also numerous CSS bugs. Now, you will see that IE6 is not on rule at all.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles