WordPress.org

Ready to get started?Download WordPress

Forums

Widget list adding indent in IE (3 posts)

  1. LGABoarder
    Member
    Posted 4 years ago #

    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

  2. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    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;

  3. jameslafferty
    Member
    Posted 3 years ago #

    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. :)

Topic Closed

This topic has been closed to new replies.

About this Topic