Support » Fixing WordPress » Theme works in Firefox But Not IE

  • Resolved K3200


    Hello all,

    I just launched a new blog ( the theme (Wuhan) works fine in Firefox, but it doesn’t work in IE. Can someone tell me why?

    Thanks so much.

Viewing 15 replies - 16 through 30 (of 30 total)
  • meljgrey, you also have #content with margin-right: 511px; – I’d look at that as well. I can’t immediately see why you need that right margin as #content is floated left and has a width. I would try to solve this without IE hacks, as I don’t think this is what you need in this instance.

    Perhaps also for #content try padding: 40px 0 40px 50px;

    Thanks for your suggestions, pcmt. I don’t see margin-right: 511px under #content. Where did you see that?

    When I change the padding to: padding: 40px 0 40px 50px, the situation improves, but there is still overlap. And of course, at that point, the Firefox display is messed up.

    If I eliminate padding altogether, I can get it the outline to display acceptably in IE, but the the text insdie the outline has no margins.

    I worked at Microsoft for 7 years, but thankfully never on the IE team. Man, have they dropped the ball here.

    @ meljgrey

    The Star HTML hack goes directly into your style sheet immediately referencing the styling element.


    /*For ALL BROWSERS*/
    #content {
    padding: 40px 80px 20px 10px;
    margin: -50px 10px 0 0;

    FOR IE
    * html #content {
    padding: 0;
    margin: 0;

    This is just an example

    This works great. Now I can get down to the business of a workaround.


    Yes – you MUST keep spaces between:


    * html #content

    Got it. Thanks.

    Looks like this will be good until IE 7.0, anyway.

    PS: Sometimes its better to leave your last post question insitu for others to see/read instead of deleting it. If they have the same problem…

    Just a thought 🙂

    I agree with katie1.
    If your post has been answered, do not change it (correcting typos is OK 😉 – the whole thread might become difficult to understand for those that will read it after 5 months…

    (though I know about people who were asking to delete all their posts and questions… as if they never needed help. Funny.)

    Understood. Sorry about that.

    Once I have solved this padding issue, I will post the results. I can’t imagine I’ll be the last to suffer from it. 🙂

    Why do you need right padding for the #content div? It doesn’t make any difference in my Firefox.

    Without it, the text in the post butts directly against the border. The padding seems to provide a space buffer around the inserted text.

    You’re right! When I was editing the stylesheet my Firefox Web Developer Toolbar “outline block level elements” red lines were obscuring the pale grey border.

    Rats! I was hoping it was you that was right. 🙂

    I think your EPA Diagram may have something to do with it in IE. I removed it and the right border came almost back in position. So it maybe is not the structure but something else within your posts that is still just a bit too wide.

    You are exactly right, PCMT! I cannot believe it. The blog looks mostly fine once I eliminated that. (Ulf Petterson just posted the same suggestion on his Modern theme blog. There must be something in the water.)

    There still seems to be a little weirdness with the display, but nothing compared to before. I will go through all my posts to find the culprit.

    Thank you so much. You cannot believe how relieved I am. I thought I was going to have to start from scratch with a new theme.

Viewing 15 replies - 16 through 30 (of 30 total)
  • The topic ‘Theme works in Firefox But Not IE’ is closed to new replies.