You’re having real problems with this IE conditional comment, aren’t you? 😉
Try changing:
<!--[if IE 7]>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/ie7.css" media="screen" type="text/css" />
<![endif]-->
to
<!--[if IE 7]>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/ie7.css" media="screen" type="text/css" />
<![endif]-->
in header.php. When that’s done, try adding something like:
#nav_menu {position:relative;top:30px;}
to ie7.css and see if that helps.
yeah i’m still learning…
that did not seem to do the trick.
How about:
#nav_menu {margin-top:30px;}
hmm…it seems to work in newer version of IE but not the older ones. Do I need to change the IE conditional comment to say something else?
The conditional is correct if you only want to target IE7. If you want the same CSS to be used by IE6 or below, change it to <!--[if lte IE 7]>.
I think you’re just going to have to play with paddings and margins on #nav_menu. Or try to pull the content block up using a negative top margin or relative position.
ok i figured out the problem – the conditional comment was linking to the wrong place. since my IE7 css file was inside my wordpress files. once I fixed the link, i could see the appropriate changes in IE.
Thansk!
