IE7 problem with CSS menu

[zeiddev]

Hi,

I downloaded and am using a navigation menu from this forum and am really pleased with it. However something I have done mess it up in IE7 (possibly IE8 as well but have not tested - it works fine in IE9).

If anyone has any thoughts as to what I can do to make it look good I would really appreciate it:

http://www.zeidman.info

Thanks

David

[jscheuer1]

Please be more specific about the problem. It looks to me like the subnav class is just a little to high up. Perhaps a little too thick vertically as well. That's checking in IE 9's IE 7 mode. In IE 9's IE 8 mode it looks fine.

If that's the problem you can do a suplemental stylesheet for IE 7. From the source code of the page, addition highlighted:


<!-- CSS for Tab Menu #3 -->
<link rel="stylesheet" type="text/css" href="_css/solidblocksmenu.css" />
<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="_css/solidblocksmenu_ie7.css" />
<![endif]-->
<link href="_css/main.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="_img/favicon.ico" type="image/x-icon" />
<link rel="icon" href="_img/favicon.ico" type="image/x-icon" />
<!-- InstanceParam name="currentTab" type="number" value="0" -->

Make a file called solidblocksmenu_ie7.css and in it put these styles:


ul.subnav {
padding: 0 0 8px 0;
margin-top: 12px;
}

Put it in the _css folder.

[zeiddev]

Thank you so much. That worked a treat!

Also - I had no idea that IE9 had the developer tools with the option to mimic IE7

David

[jscheuer1]

You're welcome. And yes, IE 9 can display as IE 8 or 7 via its developer tools. However, it's like only 95% accurate. That's why I included the phrase, "If that's the problem".