CODEWITHSUNDEEP
css
Zach Smith
Zach Smith

Reputation: 5674

IE Ul LI Padding?

Check this link!

I am having the hardest time trying to figure out why my last li item is being pushed to the bottom in IE. I have the width, height set for the container. The li has padding/margin to 0. Li is float left. Still being pushed down. Seeking a Guru to help a n00b here.

Upvotes: 0

Views: 3147

Answers (3)

Gabriele Petrioli
Gabriele Petrioli

Reputation: 195982

Try putting margin:0 to the ul rule ..

The automatic margin the IE assigns, decreases the width available to contain the floated elements, and so they wrap ...

Upvotes: 2

graphicdivine
graphicdivine

Reputation: 11211

Your example page is completely invalid. Try adding a doctype, html, head and body tags and try again.

(Having said that, it looks fine in IE.)

Upvotes: 1

Diodeus - James MacFarlane
Diodeus - James MacFarlane

Reputation: 114347

Float the LIs, don't make them inline.

#widget_container ul {
    padding:0;
    list-style-type:none;
    }
#widget_container ul li {
    padding:0;
    margin:0;
    float:left;     
    }

Upvotes: -1

Related Questions