Re: display block in li NS7.1 vs IE

Brian wrote:

Martin Honnen wrote:


It could also help to add
li.navitem {
display: block;
}
but I am not sure IE5 will like it if you try to
change the display property of <li> elements.


But the <li> element is already block level.

With CSS 2 the suggested rule defining the display value for the HTML LI
element is
LI { display: list-item }
There is quite a difference between
display: block
and
display: list-item
only IE on Win doesn't know the latter as an explict CSS value (while of
course displaying LI elements as list items).

--

Martin Honnen
http://JavaScript.FAQTs.com/

*Martin Honnen* <mahotrash (AT) yahoo (DOT) de>:

Brian wrote:

But the <li> element is already block level.

With CSS 2 the suggested rule defining the display value for the HTML LI
element is LI { display: list-item }

Like with 'table' and 'block', elements with 'display' set to 'list-item'
generate block-level boxes. The same applies to 'compact' and 'run-in',
sometimes.

--
"The scientific name for an animal that doesn't
either run from or fight its enemies is lunch."
Michael Friedman

Christoph Paeper wrote:

*Martin Honnen* <mahotrash (AT) yahoo (DOT) de>:

Brian wrote:


But the <li> element is already block level.

With CSS 2 the suggested rule defining the display value for the HTML LI
element is LI { display: list-item }


Like with 'table' and 'block', elements with 'display' set to 'list-item'
generate block-level boxes. The same applies to 'compact' and 'run-in',
sometimes.

An element with display: list-item is supposed to generate a principal
block box and a list-item inline box and maybe a marker box. That is
different from display: block which only generates a principal block
box. In my understanding the original poster didn't want to have any
list-itemness rendering on his <li> elements so I suggested to him to use
li.navitem {
display: block;
}
I didn't suggest there is no block-level box for <li> but I think it
makes a difference whether an element has display: block or display:
list-item.

--

Martin Honnen
http://JavaScript.FAQTs.com/