SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Wizard aaron.martone's Avatar
    Join Date
    Feb 2003
    Location
    Florida, USA
    Posts
    2,322
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Exclamation UL padding/margin looking odd in MSIE

    I am using image url bullets for my ul/li, and everything is looking fine in FF, but MSIE (6) seems to be off-shifting the text from the image and using an increased amount of space between the LI elements.

    I have a global * { margin: 0; padding: 0; } rule, and I've been using the _ hack to target MSIE specific classing.

    Is this a bug with IE's rendering of UL/OL elements or am I missing something?

  2. #2
    SitePoint Wizard gold trophysilver trophybronze trophy dc dalton's Avatar
    Join Date
    Nov 2004
    Location
    Right behind you, watching, always watching.
    Posts
    5,431
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Never seen too much difference between the two with lists, maybe tinker with the line-height property?

  3. #3
    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)
    See my post here froma few minutes ago explaining the problem and offering a solution

  4. #4
    SitePoint Wizard aaron.martone's Avatar
    Join Date
    Feb 2003
    Location
    Florida, USA
    Posts
    2,322
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Well, it sure as heck fixed the spacing, but I must have done something wrong because in IE I've lost my image bullets. (Spacing looks great though!)

    The element hierarchy is

    ul > li > a

    and the A tag is setup to display blocked, so I can mouseover in an area with no text and still hilighty. This works fine in FF but IE doesn't do it (you have to mouseover the text)

  5. #5
    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)
    Hi,

    If you are floating the list then this is a bug in IE as floats are turned into display:block when they should be display:list-item and therefore bullets won't apply.

    If you want bullets then you can't float the list I'm afraid.

    Just make sure you have a width or other dimension applied to the list force "haslayout" and allow about 16px left padding in order for the bullets to show.

    As long as the list has a width for IE then it should still collapse the space ok.


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
  •