Support » Fixing WordPress » Left aligned pictures : firefox : GREAT … IE: … not that great …

  • Hi everyone,
    Look at this page :
    http://www.issarbe.com/?p=210

    See it with Firefox (good ! … at least for me) and IE (yeeaak !)…
    I would like to have my pictures on the left (that’s what alignleft is for) and the text one the right column….

    My article is writen as shown :

    [Picture left aligned]
    [Picture left aligned]
    [Picture left aligned]
    [Picture left aligned]
    [Picture left aligned]
    My text (and flash anim included)

    Note that I use TinyMCE Advanced plugin to use
    in my code.

    Any Idea ?

    … I have been fighting with this for a ‘long) while …
    THANKS !!
    Nicolas

Viewing 6 replies - 1 through 6 (of 6 total)
  • esmi

    (@esmi)

    Forum Moderator

    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 …

    esmi

    (@esmi)

    Forum Moderator

    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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Left aligned pictures : firefox : GREAT … IE: … not that great …’ is closed to new replies.