Grow your CSS skills. Land your dream job.

float problem in IE, works in FF

  • # June 19, 2009 at 1:47 pm

    http://www.wildfiremarketinggroup.com/AREA-52/WP/

    Can anyone tell what’s causing the sidebar (.sidebar) to drop to the bottom of the page in IE? It shows up next to the content in FF. The seems to be plenty of room, but I’ve tried changing the size to make sure, and still no luck.

    # June 19, 2009 at 2:20 pm

    I don’t see any extra padding in there so I’m guessing that the problem is coming from the bullets on the sidebar list. try adding this to your css and see if it makes a difference.

    Code:
    ul {
    list-style: none;
    }
    # June 19, 2009 at 3:35 pm

    Or, add

    list-style-position:inside;

    to keep the bullets.

    # June 19, 2009 at 6:40 pm

    Tried both…neither worked

    # June 19, 2009 at 6:50 pm

    Solved it…had to add an hr below the logo

    # June 19, 2009 at 7:01 pm

    If you’re ever in that situation again, the easiest thing to do is add "border: 1px solid red" to all of the divs in question, much easier to debug! I’m not sure if the <hr> is really what was needed, at least, it shouldn’t be.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".