WordPress.org

Ready to get started?Download WordPress

Forums

Left aligned pictures : firefox : GREAT ... IE: ... not that great ... (7 posts)

  1. minutepapillon
    Member
    Posted 4 years ago #

    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

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    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.

  3. minutepapillon
    Member
    Posted 4 years ago #

    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 !

  4. minutepapillon
    Member
    Posted 4 years ago #

    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 ;) ))

  5. minutepapillon
    Member
    Posted 4 years ago #

    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 ...

  6. esmi
    Forum Moderator
    Posted 4 years ago #

    You're right - <?php bloginfo('stylesheet_directory'); ?> is needed for a child theme.

  7. minutepapillon
    Member
    Posted 4 years ago #

    ... 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

Topic Closed

This topic has been closed to new replies.

About this Topic