You have some parse errors in style.css that won’t help matters. IE can get snitty about CSS errors. That said, there’s little or no difference between the display in Firefox 3 and that in IE8.
IE7 – now that’s a different matter. My guess is that either your images or your Flash block are little too wide for IE7’s faulty box model (where margins and padding are added onto the overall width instead of being incorporated within the container’s width. You might want to look at using conditional comment CSS to serve up a remedial sheet for IE7 and below.
Hey Esmi !
Thanks for this pertinent answer(and still a little technical for me …).
I’m going to work on that tomorrow … (It’s time to go to bed down here …)
…
Wooha ! … i just clicked on your “parse error” link …
I didn’t know that css validation service… It seems pretty useful …
In fact I have a IE6 installed … 🙁
I suppressed the flash block : no change …
Well now … to much is to much … I go to bed …
Bye !
In conditional comment CSS The following code is suggested :
<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]-->
This is the code I am supposed to add in header.php …
But Why isn’t there a <!–[if lte IE 7]> at the beginning ?
(maybe it’s just a comment … I don’t know)
Then I write a ie7.css file with the modifications specific for IE ?
What modification would you suggest (If you have some more time to help me 😉 ))
With a Child theme, the code given by the “conditional comment CSS” doeas not work. This does:
<!--[if lte IE 7]>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/ie7.css" media="screen" type="text/css" />
<![endif]-->
‘template_directory’ should be replaced by ‘stylesheet_directory’.
(it’s a detail but I’m proud I found it ! :o) )
But it is still hard for me to find a way to change my CSS and get the right IE layout …
You’re right – <?php bloginfo('stylesheet_directory'); ?> is needed for a child theme.
… Hey … I’m not so often right when talking about php :o) … let me enjoy it.
Know what ? I gave up. I finally used the Columnist plugin and it seems to work great.
Thank’s for your help Esmi.
ng
