Can you check this page and let me know why the menu doesn't work on IE7? It shows up all the way on the right, almost out of view.
The page works okay in other browsers (including IE8 and IE9). Thanks.
Change postition:absolute; to position:relative; in your #top-nav css ID. That will fix the position for you. After that remove position:absolute; from #top-nav li p and it will display correct.
I suggest you to download Developer Tools for IE. It helps you alot with HTML/CSS related problems when using IE.
Because you have ul#top-nav set to display:none ?
If not that, try playing with position:absolute, you have there all over the place... IE may have issues concerning that.
Related
The vertical submenu shows fine in all browsers but not in IE7 when I hover over “Diensten”.
see the website
Can anyone help me
Its not fine even in IE9. Fix the position absolute top 1.68em for the #access ul ul
am i right that you are using css3pie? If yes, try to remove it first, does it work now?
Yes It works little bit, when I remove Pie. See website.
But I cannot use rounded corners with css3 on IE7 and IE8.
I have added a drop down menu on link Recipes in the main navigation.
Test URL: http://jaspreetkaur.com/makebathsalts/
It's working fine in all browsers except IE7 (not tested in IE6)
Menu is going behind banner area in IE7, i think it's related to z-index bug of IE7. I found some details on following page, but not able to fix this.
IE7 Z-Index Layering Issues
You need this:
#navigation{position:relative;z-index:10;}
The fix is simple, you need to specify the z-index for the direct parent of the ul menu, in your case the li with class active like this:
li.active {
position:relative;
z-index:10;
}
The page I am working on can be found here.
In IE7, everything in the main content area is being pushed to the left...
Can someone check it out and let me know what's up?
Here is a screenshot:
I don't have IE7 on this computer, but it looks like you have float:left applied to your main div
#body_container {
float: left; // try removing this
}
EDIT
Had another look at the source and the page appears to be rendering in quirks mode in IE7.
Here are few ways to fix that:
make sure all your code is valid
make sure you are using the right doctype
Details here: Forcing IE7 into standards rendering mode (not quirks)
If this is a problem only in IE7, you might wanna try IE7 compatibility mode
the problem is that in IE7, the dropdown under "Departamentos" its cut by the banner, and it seems to be pushed to the right...
This should be a very easy to fix but I have little experience with IE fixes... I try for some time but I need your help, can you check it out??
Link to the Website
Thanks
It's same in IE8 because your document is rendered in quirks mode. Move the comments before the doctype declaration after the declaration. Anything before the doctype will trigger quirks mode in IE.
After you do that give .nav-wrap a z-index higher than #mainData and the submenu will show in IE7. Then give your submenu ul a left:0; to position it right.
Im having some issues with my layout in IE6 (corporate business, ideally id tell them to shove ie6 :P)
Link to the site is http://www.clickcommercial.co.uk
Ive just applied the twinhelix png fix method and that "appears" to have worked ok - but I was under the impression it should fix the issue with repeat backgrounds?
As you can see, the site works great in IE7+, firefox, safari etc :)
Any help on this is appreciated! :)
To fix position of right navigation add this to your code:
#homebox-right { overflow:hidden }
Regarding other issues, I'd reccomend you to install IE Tester where you can preview stuff on IE6 quite easily. You must play a little with margins for IE6.
Plus, I'd recomment to add: img { border:none; } to remove ugly borders from link-images.