SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Addict
    Join Date
    Mar 2003
    Location
    UK
    Posts
    245
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    large list nav help

    I am developing a dynamic shop using a styled list to display the navigation to the individual products. It's all fine, except for an odd bug in Firefox.
    The first item in the list is slightly higher then the others. this happens on all of the 'store' pages.
    Can someone have a look and see what I have done wrong. (it's probbaly some silly mistake)
    Page CSS
    Note: each of the sections have an additional dynamically assigned css sheet to controll the background of the buttons ie: 'willowshop1.css' is the additional sheet for the Antique Furniture section etc.

  2. #2
    Winemaster bronze trophy BonRouge's Avatar
    Join Date
    Oct 2004
    Location
    Sendai, Japan
    Posts
    2,417
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Take the padding out of ".bodytxt li " (make it - padding:0; ).

    Nice-looking site by the way.

  3. #3
    SitePoint Addict
    Join Date
    Mar 2003
    Location
    UK
    Posts
    245
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks. The other thing that has surprised me is that the border on the bottom of the main nav (also a list) has also vanished. This sits in a container that has the header image as a background with a border on 3 of the sides.
    main CSS

    Thanks for the complement on the design, I just hope the client gets on with the content .

  4. #4
    Winemaster bronze trophy BonRouge's Avatar
    Join Date
    Oct 2004
    Location
    Sendai, Japan
    Posts
    2,417
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    In your #nav, try this : border-width: 0 1px 2px 1px; (one extra pixel at the bottom). Your border should reappear.

  5. #5
    SitePoint Addict
    Join Date
    Mar 2003
    Location
    UK
    Posts
    245
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by BonRouge
    In your #nav, try this : border-width: 0 1px 2px 1px; (one extra pixel at the bottom). Your border should reappear.
    That fixes it in Firefox, but the border gets thicker in IE then .
    Last edited by mediaman_12; Nov 8, 2004 at 08:48.

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Try increasing the height of your nav to 110px instead as ie is probably expanding automatically.

    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
  •