WordPress.org

Ready to get started?Download WordPress

Forums

Having problems with site in IE!! (12 posts)

  1. xshadow10
    Member
    Posted 4 years ago #

    Just like the title says, just recently when I visit my site using IE the sites doesn't look right. Nothing is in order, everything is everywhere! My site http://www.animeblizzard.co.cc Please Help!! Getting emails from my users!

  2. Peter Boosten
    Member
    Posted 4 years ago #

    Start by cleaning up your xhtml.

    Peter

  3. mdmower
    Member
    Posted 4 years ago #

    Not to mention you're still using version 1.9 of the jQ theme, when version 2.4 was available at the time of your writing.

    ... by the way, all caps titles brings you instant discredit.

  4. xshadow10
    Member
    Posted 4 years ago #

    sorry about the caps thing.. it's just that I want to solve this problem I'm having.

    I downloaded the theme about a few weeks ago, maybe 3 at max. And I found this theme on wordpress.org and downloaded from there, so I should have gotten the latest version, right? How do you know which version your using? And how can I update my theme without losing any content? Any help would be appreciated.

  5. Drop a new theme in wp-content and activate it; you won't loose posts and images, as they're in the database.

  6. 00petersen
    Member
    Posted 4 years ago #

    But there is a problem with the way IE handles the headline and especcially the date. It should be a couple of milimetres to the left, extended out in the background. But it isn't. At least not in my version of IE (version 7) and before you tell me to upgrade - thats a company decision which I can't control.
    It works in Safari and in Firefox!

  7. ionblue
    Member
    Posted 4 years ago #

    I'm having the same problem. Just updated to 2.4 to see if that would correct the IE 7 problems and it does not. THe tabs on the left don't float out, they're pushed in and this causes alignment issues with everything else.

    Also seems to mess up the Simple Press forum plugin in IE 7 as well, but this may be it's own styling and not this themes. Might have to find something else.

  8. shawnmcf
    Member
    Posted 4 years ago #

    I don't have a complete fix (it's getting late!), but found a place to start. The header.php file has an inline stylesheet for IE (embedded in a comment to hide from other browsers). There is specific CSS for the div.date style about line 67. I changed the last margin value to -80px and it shifts the date to about the right place. It did shift the post-info line in my theme but I'm sure that could be fixed as well. There's some good info in this article for those who, like me, haven't dealt with these IE issues in a long time.

    I noticed that the author's site has the same issue when viewed in IE, so I suspect it's not caused by a plug-in.

    So it seems the solution lies in hiding a few more IE specific hacks in the header.php to fix the alignment, and hope it doesn't break anything else.

  9. shawnmcf
    Member
    Posted 4 years ago #

    Here's a fix I put together. I'll forward it to the theme author.

    Change the in-line style sheet in header.php starting at line 64 from:

    <!--[if IE]>
    <style type="text/css">
    div.date {float:left; position:static; margin:10px 10px 0 0; padding:0;}
    div.preview {margin:15px 0;}
    .comment-link {background:none;}
    #search-submit {margin: 10px 0 0 0; height: 28px;}
    </style>
    <![endif]-->

    to:

    <!--[if IE]>
    <style type="text/css">
    div.date {float:left; position:static; width:60px; height:60px; padding:10px 0; margin:0 0 0 -80px; background:#fff;}
    p.post_info {float:left;width: 100%;}
    div.preview {margin:15px 0 0 0;}
    div.headline {margin:40px 0 0 20px; height:80px; }
    #search-submit {margin: 10px 0 0 0; height: 28px;}
    </style>
    <![endif]-->
  10. 00petersen
    Member
    Posted 4 years ago #

    @ shawnmcf: Thanx for your help - your code works wonders!
    I hope that it is implemented in the next upgrade of jQ - and that the corners that are so beautifully rounded when shown in Safari and Firefox will be as nice in IE in the future.

  11. shawnmcf
    Member
    Posted 4 years ago #

    @00petersen: Glad to help. Sharing a few lines of CSS seems like the least I can do when so many people are sharing complete themes!

  12. rlhinirv57
    Member
    Posted 4 years ago #

    @ shawnmcf: another Thank You from a WordPress user! The code you provided above worked like a charm to fix layout of post date tabs, which also improves overall page layout in IE. Still not as nicely rendered as Safari, Firefox, Opera - but IE continues to be darn pesky in terms of CSS.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags