Forum Moderators: not2easy
It looks fine on IE but not on firefox. Have read other postings with a similar problem and fiddled with the padding values but as I'm a newbie I can't extrapolate:-(
<snip>
on firefox it looks thus:
<snip>
the code for the css can be found here:
<style type="text/css">
<snip>
</style>
Thanks!
[edited by: swa66 at 11:12 am (utc) on Jan. 30, 2009]
[edit reason] No personal links, no copyrighted code, please see ToS and forum charter [/edit]
Since you're using code that's prohibited from being posted on "another webmaster type site", it's going to complicate things.
Still a few starting points can be given:
Whenever FF and IE disagree on how things look like in relation to CSS, it's a 99.99% chance that IE is wrong. The number of CSS related bugs and features in IE (esp. IE6) are massive compared to Firefox.
For that reason it's very highly recommended to NOT develop anything in IE, and find workarounds for the IE errors at the end.
If you use code to start from: check if it does work properly in all browsers before using it, if it doesn't you're in for a lot of trouble with code that you'll have a harder time understanding than if you made it from scratch.
If you then break it by customizing it, you can probably go back to the original and figure out where you broke it.
There are plenty of menu systems out there to choose from.
Conditional comments are by far the easiest way to work around IE problems. make sure not to target IE8, it hardly needs those fixes at all.
Thank you so much for the reply! In retrospect, I can't believe I hadn't tested it on firefox first before making all the changes to the website- it's just *that* particular menu that had issues, the rest worked perfectly.
I might look at other menus(testing it first on firefox) to make sure it works fine if a solution can't be found:-(
Thank you again!;-)
