Page 1 of 1

Horizontal Menu Bar is broken in Safari & Chrome. HELP!

Posted: Thu Nov 26, 2009 3:33 pm
by emma
The top horizontal menu bar for our company website looks fine in Firefox, IE and Opera, BUT in Safari and Chrome it scrolls onto 3 lines, when it should be on 2 lines and ruins the look of the site.

The website is:  www.houghton-international.com

Can anyone help fix this?  I think it might just need some coding, but I am not sure what i have to do.

Thanks

Emma

Re: Horizontal Menu Bar is broken in Safari & Chrome. HELP!

Posted: Fri Nov 27, 2009 8:34 pm
by Deak
Hi Emma,

Safari and Chrome are basically the same web browser as they're built on WebKit, hence it's understandable they behave the same.

I think you need to take a look at the site using the W3C Validator, because it's showing 46 errors and 3 warnings. Specifically, I can see some validation issues around the navigation; perhaps some unclosed tags? Quite often cross-browser anomalies can disappear if your markup is valid. At the very least, it will make it much easier to track down this kind of problem and fix it.

http://validator.w3.org/check?uri=http% ... ne&group=0