Sent by Anton Andreasson on 9 October 2003 00:12
Hi list, I have a thing that I need some help with.
I recently created a test page [1] to play with list-items (notably
with list-style-position: inside, to be able to make the list numbers
use the background of the <li>), but the browser differences are so
disparate so I'm almost lost already.. It seems like Safari uses one
method, IE5/Mac and Mozilla about the same, IE6/Win has the number
too close its content, and Opera6 can't color the numbers correctly..
But my main question is why Mozilla and IE5/Mac works the way they do
with the margin issue, and if this is a bug or just another way to
treat the inside list thingie.
I posted a TrackBack entry of the Safari problems at Dave Hyatt's
weblog [2] and he claims Safari is rendering it right and guesses
Mozilla is buggy. To me, it seems that Mozilla is not "ignoring the
negative margin", but merely (as IE5/Mac do) creates an empty
line/row right before the <div class="title"> block that is the very
first element inside the <li> in my example [1]. Safari does not (nor
does Opera, IIRC) and instead behaves like Mozilla does when the <div
class="title"> has "display: inline" set to it: the <div> then aligns
vertically with the list-number, without having to use a margin-top:
-1em;. (However, Safari seems to display the list number _on top of_
the list content, but that is another question..)
So, I guess it comes down to:
1) Is there a bug in Mozilla and/or IE5/Mac involved here?
2) If not, which browsers are right - Safari/Opera or Mozilla/IE5 Mac?
3) Most important: how do I serve Safari with (validating) code that
Mozilla won't swallow? (or the other way around)
TIA,
/Anton
[1] http://standardice.com/experimental/test.html (css inside)
[2] http://weblogs.mozillazine.org/hyatt/archives/2003_10.html#004169
--
What your <body> lacks, your <head> compensates.
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
