Help needed styling menu

[Ian Hobson]

Hi guys,

I am trying to build a simple menu. See

http://jupiter.ianhobson.co.uk/msc/index.htm

It looks how I want in FF and Safari, but IE6 is not playing nice. It is
adding space between the <lielements.

Anyone know why and/or how to fix it?

BTW - the rather excessive markup of wrappers etc is to get the width
constrained between a max and min. The min width stops the layout
breaking and the max is to stop very long lines of text that are hard to
read. It works. (See layout.css) but I have disabled some parts I am not
using to prove they were not interfering with the menu.

Thanks for your input.

Ian

p.s. The page validates HTM 4.01 strict. I haven't checked the css - the
W3 validator has been down all weekend.

[Jim Moe]

Ian Hobson wrote:

>
http://jupiter.ianhobson.co.uk/msc/index.htm

It looks how I want in FF and Safari, but IE6 is not playing nice. It is
adding space between the <lielements.

Anyone know why and/or how to fix it?

Adjust the padding and margins of the <uland <lielements. IE has a
slightly different take on those spacings than other browsers.
BTW: the bottom color of background.png does not match the background color.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

[JL]

Ian Hobson wrote:

Hi guys,

I am trying to build a simple menu. See

http://jupiter.ianhobson.co.uk/msc/index.htm

It looks how I want in FF and Safari, but IE6 is not playing nice. It is
adding space between the <lielements.

Anyone know why and/or how to fix it?

Yes. It's a stupid bug in IE that adds unwanted whitespace after the
closing li elements. A simple way to fix this is to mark up the list
like this:

<ul class="depth1">
<li class="current first"><a
href="/index.htm">Home </a></li><li><a
href="/about.htm">Abou t Olivia</a></li><li><a
href="/contact.htm">Co ntact Us</a></li></ul>

HTH

[Ian Hobson]

JL wrote:

Ian Hobson wrote:

>Hi guys,

I am trying to build a simple menu. See

http://jupiter.ianhobson.co.uk/msc/index.htm

It looks how I want in FF and Safari, but IE6 is not playing nice. It
is adding space between the <lielements.

Anyone know why and/or how to fix it?

Yes. It's a stupid bug in IE that adds unwanted whitespace after the
closing li elements. A simple way to fix this is to mark up the list
like this:

<ul class="depth1">
<li class="current first"><a
href="/index.htm">Home </a></li><li><a
href="/about.htm">Abou t Olivia</a></li><li><a
href="/contact.htm">Co ntact Us</a></li></ul>

Thank you.

Just the information I needed - and I never thought of taking that
approach. And as the pages are all generated, I can even fix them using
the generator!

Thanks again.

Ian