crosscurrent
Member
Posted 1 year ago #
My site looks good in Firefox, Chrome and okay on the secondary pages in IE. But I'm having an issue with the front page in IE 8.0. I ran the WC3 Validator with only one error (</div><!-- #branding -->) Missing '>' which has been fixed.
Site:
http://sportsdirectdist.com/wordpress/
Any suggestions would be greatly appreciated. Thanks.
RichieC19
Member
Posted 1 year ago #
As I'm on Linux with no access to Internet Explorer, I would suggest A) Not to worry too much about it as less and less people are using IE nowadays, and B) Check your Stylesheet over ( *.css file) to ensure that there is nothing preventing IE to display properly.
Also are you running AJAX/jQuery/Protoype?
forunner
Member
Posted 1 year ago #
use conditional comments to load a stylsheet for ie
<!--[if IE]>
<link rel="stylesheet" href="your_stylsheet_for_ie.css" type="text/css" media="screen" />
<![endif]-->
crosscurrent
Member
Posted 1 year ago #
Thanks for the quick posts guys.
@RichieC1 - I agree that not too many people use IE, but the rest of the site looks fine, just the front page. And it's bothering me.
@forunner - where do I place the conditional comment in the css? I searched the forums and couldn't find any assistance.
Thanks again.
forunner
Member
Posted 1 year ago #
you don't :p !
you have to create a new stylesheet (for example : style_ie.css)
and you call the stylsheet just after your first stylsheet in the html
in my wordpress, I have (in the header.php) :
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!--[if IE]>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); echo "ie.css"; ?>" type="text/css" media="screen" />
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); echo "ie6.css"; ?>" type="text/css" media="screen" />
<![endif]-->
warning : my stylsheet are called by "bloginfo('stylesheet_url'); echo "ie.css" because their name are style.cssie.css and style.cssie6.css
put the new stylesheet in your theme folder, near the first one ;)