"WindAndWaves" <> wrote:
>www.friars.co.nz/2005/H/dai.php
>
>if you compare the two between Firefox and IE then you will find that in IE the activities and links moves all the way to the left.
>
>I have no idea why that is.... having looked at for quite some time and validated both the stylesheet and the page itself, I am
>still left wondering...
>
>Is there anyone out there that can prove that I am right and IE is wrong (or vice versa of course - which will be more likely).
In your CSS you have:
UL { list-style-type: disc; margin-top: 0.2em; margin-bottom: 0.2em; }
LI { margin-left: 0px; margin-bottom: 0.2em; }
Some browsers create the indent on a <ul> by giving a default
margin-left to the <ul>, others create the indent by giving a default
padding-left to the <ul> and/or a default margin-left to the <li>.
By setting the margin-left of the <li> but not the margin-left or
padding-left of the <ul> you change the appearance of the second group
of browsers but not the first.
So that's why IE and FF differ. Why does IE screw up one list and not
the other? Don't know. Opera which uses the same model for <ul>
indents as IE moves them both over to the left so that the bullets are
half hidden.
When playing with list indents it's important to set margin-left and
padding-left for both <ul> and <li>.
http://steve.pugh.net/test/test37.html is a bit out of date but may be
useful.
Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor
Steve Pugh <> <http://steve.pugh.net/>