Topic: li Element Inline poistion width problem (Page 1 of 1)

My li element is styled as inline

ul li { display:inline }

How do I obtain width and height for this element (works in IE 7, not FF). Is there a moz-width.. or something style attribute?

Thanks,

Karl..

http://www.google.com/search?q=width+inline+element
-- http://archivist.incutio.com/viewlist/css-discuss/24575

If you need a set width and height, I would float the li's instead of setting them to inline.

Ok, floating the LI elements... thanks!

Or you could use the CSS2.1 display:inline-block; ... but that would rule out non CSS2.1 browsers a.k.a Internet Explorer and Firefox. As of today the only solution that work about everywhere is to float the LIs and size them by nesting a display:block; element. *sigh*

quote:

---

poi said:

non CSS2.1 browsers a.k.a Internet Explorer and Firefox

---

Gross exaggeration much.

I possibility went off a bit here, but the lack of support of inline-block is one of my pet peeves. This type of display is REALLY useful. Not having that forces everyone to hack around using float and a child element. Like we don't have enough to work around already.

OTOH this is not so much of an exaggeration, check the changelog of CSS2.1. And think about generated content or the other media-types than "screen". There's a lot more than "screen" out there.

Yeah, I feel you on inline-block. It is an exaggeration, though.