FF vs IE , unordered lists 2

[1DMF]

Can someone explain why IE and FF are displaying the unordered list diferently.

here is the link...

http://dev.justlifecover.co.uk/why_the_need.html

you will notice in FF that the bullets seem to wrap round the image, yet I.E. keeps them in a straight line (which is desirable)

Also the gap between the start of the list and the image are different.

what am I missing.

Thanks, 1DMF

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you.

 

[kaht]

The image is floated so the list wraps around it. Apply a margin-left attribute to the <ul> so that it is indented all the way down the page. Set the margin to the same width as the image.

-kaht

http://www.silkypups.com

[small](All puppies have now found loving homes, thanks for all who showed interest)[/small]

 

[1DMF]

Spot on as usual Kaht, thanks!



"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you.

 

[1DMF]

I have another problem with the UL ,

ul li {
    color:#999999;
    margin:20px;
    padding-left:10px;
    line-height:8px;
    list-style-image: url(images/arrow.gif);
    font-weight: bold;
}

the padding-left is the distance between the bullet and the text (right?) so why is the gap different in FF than IE , it applies the amount to the same place, but the gap is different , why is this?

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you.

 

[traingamer]

the padding-left is the distance between the bullet and the text (right?)

You'd think so, but IE treats the bullets differently. Turn a border on temporarily to see the difference between IE and FF. IE has the bullet outside the border and FF inside (as I recall).

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[1DMF]

oic - so there is nothing I can do about it if they are putting things in different places.

Well at least now I know.

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you.

 

[traingamer]

so there is nothing I can do about it if they are putting things in different places.

Not nothing - you just have to be creative. Adjust margins and padding and/or use background images instead of bullets, etc. etc.
They may not display exactly the same, but you can make it close enough to not matter.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[1DMF]

I aint got time to be creative!

it doesn't look bad as is, so it will do!

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you.