Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.

Browser Specific Problems: extra spaces in IE6

Bottom of Page

1 to 9 of 9

  1.  
    • CommentAuthorErinAllen
    • CommentTimeNov 7th 2007
     permalink
    trying to help a co-worker troubleshoot this and i'm not having any luck - The header file is an .asp being pulled into the page, and in IE6 it is adding some extra spaces around the links at the top in the green bar. Any ideas what's going on here? Seems to be working fine in all other browsers......

    http://test.designtheplanet.com/choice_title/

    Thanks!!
    •  
      CommentAuthorjernigani
    • CommentTimeNov 7th 2007
     permalink
    It could be a line-height issue. Try setting the list-items to have a line-height that is the same as the height of the images.
    • CommentAuthorErinAllen
    • CommentTimeNov 7th 2007
     permalink
    Just checked the line-height - doesn't change anything....
  4.  permalink
    Problem solved? sample is down "Include file not found" /choice_title/default.asp
    • CommentAuthorErinAllen
    • CommentTimeNov 7th 2007
     permalink
    not solved yet - some server issues though, sample should be back up. thanks for taking a look at this!
    •  
      CommentAuthorjernigani
    • CommentTimeNov 7th 2007 edited
     permalink
    I think this might be your problem.
    Just realized that your list includes images. (block level elements)

    Apparently there is a bug in IE 6 & 7 when including block level elements in lists. It could be as simple as setting a width for the list items.

    Check the link here for an attempt at a fix.

    http://www.456bereastreet.com/archive/200610/closing_the_gap_between_list_items_in_ie/

    Hopefully this is your problem. :D

    If not here is another problem that occurs in IE with list items.

    http://phonophunk.com/articles/ie-fix-for-gaps-between-list-items.php
    • CommentAuthorjames.egeli
    • CommentTimeNov 7th 2007 edited
     permalink
    Well, believe it or not, and remember this is IE6. Its the font-size 12px that is giving the li a bit of padding. Just specifically set the font size ridiculously low on the ul secondary_nav1. Its probably the same on your left nav as well, but not noticed since your initial images are the same color as the background, or have a transparent background.

    Although this will probably kill your navigation if someone disables images
  8.  permalink
    OK forget what I said about the font..although it does work..a simple vertical-align:bottom; on your list item images will work.
    • CommentAuthorErinAllen
    • CommentTimeNov 7th 2007
     permalink
    Thanks so much! it was the vertical-align:bottom thing that worked....i'll remember this one from now on!!

    thanks again!

1 to 9 of 9

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page