Support » Themes and Templates » Widget list adding indent in IE

  • Having a weird issue in Internet Explorer where my widgets seem to have an indent from the list code, but the bullets themselves have been removed. The container div on the left has an extra 45 pixel gap before the widgets start. This also makes the container too wide and it drops below the div to the right. The specific code validates and it behaves properly in everything except IE. Any suggestions? THanks!

    http://www.jeffandemilee.com/chcpcplus

Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael

    (@alchymyth)

    Forum Moderator

    IE uses a different default model to style lists, if the margins and paddings of ul or ol are not set.

    try to change this style in style.css:

    ul {
    list-style-type: none;
    padding:0px;
    }

    by adding:
    margin-left:0;

    Noting that this is an older post and may have been resolved, I’ve run into a similar issue. I solved it by setting the ul list-style-position to outside explicitly (semi-pseudo code:

    ul#sidebar {
    
        list-style-position:outside;
    
    }

    My display issue showed itself in IE7 and earlier only, not in good browsers and not in IE8. Figuring it out was a pain in the neck for me… hope it saves someone else some time. 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Widget list adding indent in IE’ is closed to new replies.