IE7 is messing up my blog theme - help needed

Discussion in 'CSS' started by eiso, Jul 14, 2008.

0
  1. #1
    Dear Sitepoint Members,

    I run a blog that uses the Sans Serif Racer Theme. One of my readers just pointed out to me that my page's CSS doesn't load in IE7 well, see here. Could anyone please take a moment to help me with fixing this CSS problem, it looks like there is an ie-fix.css in the Wordpress template, it's contents are:

    #soul { width:expression( 

    document.body.clientWidth > (178/12) * 

    parseInt(document.body.currentStyle.fontSize)?

        "76.1em":

        "82%" ); 

}





@media print {

body { margin:0 -3em; }

#soul { width:100%; left:0; padding:0; }

#soul-content { padding:0; width:63%; }

#content-sub {}

#footer { width:100%; float:none; clear:both; }

}
    Code (markup):
    Any help is much appreciated.

    Best regards,

    Eiso
     
    eiso, Jul 14, 2008 IP
  2. yankzilla

    yankzilla Peon

    Messages:
    159
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #2
    you might just need to clear your floats. make a class: 
    .cearfloats {clear: both}
    Code (markup):
    and use: 
    <BR class="clearfloats" />
    Code (markup):
    after the div, and that should work.
     
    yankzilla, Jul 14, 2008 IP
  3. eiso

    eiso Peon

    Messages:
    583
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thank you, I have tried this method but it made no change to the problem. I tried the <BR class="clearfloats" /> in several locations.
     
    eiso, Jul 14, 2008 IP
  4. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #4
    We're not Sitepoint, we're DP (the crappier one : )

    Could you try getting rid of that expression? Leave it in for IE6 if it's truly necessary (since min and max width don't work in IE6, and IE7 comes equipped with at least a crippled ZOOM anyway):

    * html #soul { width:expression(document.body.clientWidth > (178/12) *
    parseInt(document.body.currentStyle.fontSize)? "76.1em" : "82%" );
    }

    (I'm assuming you posted that part because you found that was part of the problem or something... I personally don't let web sites tell me what font-size I must view, or what width... screw them, they don't have my eyes, my screen, my resolution... what do they know??)

    *edit just looked in MY IE7 and it seems the same as my FF2 etc, so I don't see any rendering problems... but again, I don't let expressions take hold. Are only some of your viewers complaining of this? Do they have different dpi's on their machines??

    Maybe you need more information from the IE7 users with the issue.
     
    Stomme poes, Jul 15, 2008 IP