Hey all. I have a site that I am putting together. I have a problem where the menu is fine in FIREFOX but is off to the right in IE (IE7). If someone can help me solve it that would be super. I will even pay $6 paypal to the first person that can help me fix it The site in question is // link removed now the problem is resolved. Thanks Many thanks! Sunny
Just as a quick guess.. I would check what's going on with the first item in the menu bar. When I use the web developer toolbar with "outline current element" in FF, if I hover over the first item FF outlines a much larger section than looks necessary (oddly enough its about the amount IE7 is pushed over).
Yeah, been trying to use firebug in FF to work out the problem. Keep changing things, and can break it more but not fix it. In IE, if I change the #nav margin-left to be margin-left:230px; or similar and this fixes the problem in IE, but the you have the opposite issue in FF>
well quick fix is use an IE conditional. sucks but you could spend hours trying to track it down. Conditional or use the star hack
Any chance you can tell me how to do that? I had a look just now but couldn't get it to do what I wanted.
This is the line in the CSS #nav { float:left; margin-top:15px; margin-left:18px; font-size:1.1em; z-index:999; position:absolute; top: 95px; } FOR IE IT NEEDS TO BE #nav { float:left; margin-top:15px; margin-left:285px; font-size:1.1em; z-index:999; position:absolute; top: 95px; } From the bits I have read. Can we use the 'box model' or something to use the second bit of IE only? http://dev.opera.com/articles/view/supporting-ie-with-conditional-comments/
You have to have both of them. FF understands the first one, ignores the 2nd. #nav { float:left; margin-top:15px; margin-left:18px; font-size:1.1em; z-index:999; position:absolute; top: 95px; } * html body #nav { float:left; margin-top:15px; margin-left:285px; font-size:1.1em; z-index:999; position:absolute; top: 95px; } Yes its box model hacks or whatever they want to call it. I usually prefer to use conditionals if I have to use anything. But if you got that far without any hacks or conditionals, one won't kill us.
ok then go to the conditionals. Have to put this into the head of the page . <!--[if IE]> <style type="text/css"> #nav { float:left; margin-top:15px; margin-left:285px; font-size:1.1em; z-index:999; position:absolute; top: 95px; } </style> <![endif]-->
Thanks. Will try that next. Also, I think the html box hack doesnt work in IE7 anyway... Right, lets try this.