Posted 2 years ago #
im having issues with padding/margin between the header and content on my site. I cannot figure out why it looks fine in FF and bad in IE. The space between the navigation buttons and the content(in IE) should not be there)
http://www.rockabyebabymusic.com/blog
Please help!
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.
Posted 2 years ago #
yeah i'm still learning...
that did not seem to do the trick.
How about:
#nav_menu {margin-top:30px;}
Posted 2 years ago #
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.
Posted 2 years ago #
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!
This topic has been closed to new replies.
