I have this page: http://www.shoppingfriends.co.uk/CSSProb/index.htm You'll see the issue - Open the page in IE and everything is in place. In FF, the horizontal menu bar and everything below that are too high up. Ive tried using the Clear: css command but no, it still doesnt work, Any ideas?
Yes, clearly CSS hates you What's with all the floats? #standards{ height:100px; padding-top:10px; text-align:right; color:#6B6B6B; background:#fff; padding-right:19px; } #image{ width:760px; height:225px; background:#fff; postion:relative; } #nav{ width:760px; height:48px; background-color:#608296; padding-top: 15px; font-size: 15px; font-family: "Century Gothic", Arial, Helvetica, Sans-serif; letter-spacing: 1px; text-align:center; postion:relative; } If you want to get the W3 links further from the right, use margin-left: Xpx; clear: is only used when you want the element to clear a float.
Thanks - I was close! And i did manage to do a lot more before this bit! And also managed to fix an issue on another site today - all by myself!! Just one last thing here: The 2 horizontal bars - the #nav and the #footer are different sizes between IE and FF. Cant work out why!
Firefox and ie tend to render sizes differently. It happens a lot with floats and can be a pain. I haven't played with it, but................ You can place this in the header of your html documents and create a specific stylesheet especially for ie. Any styles you place in there will overide the styles in your original stylesheet. <!--[if gte IE 4]> <link rel="stylesheet" href="css file location" type="text/css" /> <![endif]--> Hope it helps... Let me know.