Simple Navbar Problem in IE6+7

[llyrbermo]

Hi
First, a disclaimer. I’m quite new to this coding Iark. I know IE6 and IE7 are rubbish and should/will be scrapped…….but!

I hope if I can get my head around a problem that I’m sure is quite simple to solve, but is causing me a right old headache. Once understood I’ll be able to produce simple enough websites without having to bother you with IE6 and 7 again!

So, here is the simple webpage in question http://www.arbofioneglur.co.uk/cyllidcymru/
(the language is Welsh if you’re wondering)

Simple stuff, old school I suppose, does the job in Firefox et al, but the Nav Bar goes very weird in IE6 and 7. Something to do with box model, or floats etc methinks, but can’t get to the bottom of it.

Any help will be much appreciated.

Diolch/Thanks

Llyr

[Anonymous]

Easy fix! You just need to float your list items along with your anchors.

Just add this bit of code to your stylesheet:

ul#llywio li {

float: left;

}

[chanman]

Try to add this code to your list element.

ul#li {

display: inline;

}

[Anonymous]

@chanman Unfortunately that’s not cross browser compatible. Actually, I believe it’s not supported in IE6 and IE7… the two browsers he’s troubleshooting for! :)

[Author]

Posts