Sent by Holly Bergevin on 20 April 2004 05:05
From: Iain Donaldson (Mailing Lists) [EMAIL-REMOVED]>
>I have a problem with the left margin of the first line in a list item
>that has an image floating to the left.
[snip]
http://www.seatofthepants.net/test-site/cleint-list.html
>http://www.seatofthepants.net/test-site/styles/artreach-biz.css
>The problem I have is the second item in the list (although to the user
>it's the third - second one with smaller image). The name 'Iain
>Donaldson' is shifted to the right compared with the underlying e-mail
>address and paragraph. It seems to be unique to IE and only when the
>class used (left) for the image is inside a list item. Works fine on
>Safari and Firefox. I know it's a small thing but it is driving me
>slightly mad.
First, you've got some validation problems you should fix on your page. You need to put a space
between the public identifier and the system identifer, or you can think of it as the first set of
quotes and the second set of quotes. You also need a character encoding on the page.
When you fix those things, you'll be able to run the page through the W3C validator [1] and discover
a few other problems you should correct. One is a UL inside a paragraph (someone else pointed that
out) and another is a div that isn't closed. There are a few more errors than that.
But when all is said and done (and fixed) it still won't solve your problem. The problem isn't a
bug, however, but default rendering of lists when a specific properties aren't declared.
In this case, you have not specified the property - list-style-position - You did specify
list-style-type, but they are not the same thing.
When no list-style-position is specified, IE defaults to "inside" while Gecko (I believe, among
others) defaults to "outside". So, to fix this you'll need to specify that the list-style-position
is outside.
You can do this a couple of ways. One is to specifically set the list-style-position property, the
other is to use the list-style property to set both the list-style position and the list-style-type.
Thus -
#orgchart ul {list-style: none outside;}
As I said, this isn't a bug, just something to be aware of when you are using lists.
hth,
~holly
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
