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
Horizontal Menu Bar is broken in Safari & Chrome. HELP!
-
Deak
Re: Horizontal Menu Bar is broken in Safari & Chrome. HELP!
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
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
