WordPress.org

Forums

[resolved] Theme works in Firefox But Not IE (31 posts)

  1. K3200
    Member
    Posted 10 years ago #

    Hello all,

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

    Thanks so much.

  2. Cypher
    Member
    Posted 10 years ago #

    Your theme is broken. In IE, it's calling for http://golfhomesofatlanta.com/wp-content/themes/Wuhan/style-ie.css which doesn't exist. In Firefox, it's calling for just 'style.css'.

    So grab the theme files again and ensure that all the files are there.

    Regards

  3. VerityNS
    Member
    Posted 10 years ago #

    I'm also having this same problem, except it seems to have happened after upgrading from 1.5.2 to 2.0.

    I have multiple themes on my site using theme-switcher and all the themes have the same problem.

    http://blog.verity-ns.com

    Any help is GREATLY appreciated!! :)

  4. K3200
    Member
    Posted 10 years ago #

    Cypher,

    Thank you so very much. That was an easy fix for me and exactly the issue. I really appreciate your effort.

  5. antisocial
    Member
    Posted 10 years ago #

    download the orginal wuhan theme file from http://wuhan.authenticasian.com/ and incude the stlye-ie.css file into your directory. :)

  6. VerityNS
    Member
    Posted 10 years ago #

    Well, I'm not using the Wuhan theme on my site at all.. I'm using 4 different themes... Firefox, Identification, Devenir, and Adsense theme. I have doubled checked all the files on all the themes and I have all the files correctly on the server.

  7. VerityNS
    Member
    Posted 10 years ago #

    Does anyone have any other ideas?

  8. Orin
    Member
    Posted 10 years ago #

    From looking at the source it seems your call to *ahem* "die_fucking_ie_die()" seems to be resizing a few page elements for IE's sake. First thing I would do is troubleshoot that (try changing the values or taking it out entirely).

  9. meljgrey
    Member
    Posted 10 years ago #

    I use Ulf Pettersson's Modern theme with WP 2.0 and am having similar problems. Essentially, everything displays beautifully in Firefox, but is completely hosed in IE 6. (See http://www.fattyacidtrip.com).

    When viewing in IE, the sidear is broken in half and the main part of the page overlaps the sidebar.

    I am so bummed because I'd been usign Firefox and thought everything was running smoothly.

    Is this a stylesheet problem?

  10. moshu
    Member
    Posted 10 years ago #

    You'll have to complain to the theme author. It's probably related to the stylesheet.
    Some people don't check their work in IE, others deliberately ignore it.

    @meljgrey, yes, yours looks ugly in IE :(

  11. meljgrey
    Member
    Posted 10 years ago #

    Waaah! I will check with Ulf. What an idiot I am not to have checked *before* I spent so much time on it!

  12. moshu
    Member
    Posted 10 years ago #

    What an idiot I am not to have checked *before*...

    No, no! I was referring to certain theme authors :)

  13. meljgrey
    Member
    Posted 10 years ago #

    I wonder if there is a tool that can analyze a CSS file and point out where IE will screw things up. Know of any?

  14. meljgrey
    Member
    Posted 10 years ago #

    OK... I figured out the problem, but not the solution:

    Here is the part of the style sheet that makes IE 6.0 unhappy:

    #content {
    width: 419px;
    margin: 30px 0 0 0;
    padding: 40px 40px 40px 50px;
    float: left;
    clear: both;
    }

    Specifically, it does not like:

    padding: 40px 40px 40px 50px;

    Can anyone think of a workaround? I've been scouring CSS references, but no luck so far...

  15. Orin
    Member
    Posted 10 years ago #

    Yes, what you can do is make an IE specific rule. I use these all the time. The easiest is the 'star html hack':

    * html

    Insert it before any CSS selectors that should only be used by IE. It's as simple as that — just choose different values. There are other ways to do it as well...

    <!--[if IE]>
    <link rel="stylesheet" type="text/css" href="special-needs.css" />
    <![endif]-->

    That's the way to include an entire stylesheet for IE only.
    Hope that's helpful.

  16. meljgrey
    Member
    Posted 10 years ago #

    Dumb question: Does this go directly in the stylesheet itself or in one (or more) of the php files in my theme?

    I guess my next step is to figure out a style workaround whereby I can achieve the same look using different parameters in IE.

    Thanks so much, Orin.

  17. pcmt
    Member
    Posted 10 years ago #

    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;

  18. meljgrey
    Member
    Posted 10 years ago #

    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.

  19. katie1
    Member
    Posted 10 years ago #

    @ meljgrey

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

    ex:

    /*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

  20. meljgrey
    Member
    Posted 10 years ago #

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

    Thanks!

  21. katie1
    Member
    Posted 10 years ago #

    Yes - you MUST keep spaces between:

    *[space]html[space]#content

    * html #content

  22. meljgrey
    Member
    Posted 10 years ago #

    Got it. Thanks.

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

  23. katie1
    Member
    Posted 10 years ago #

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

  24. moshu
    Member
    Posted 10 years ago #

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

  25. meljgrey
    Member
    Posted 10 years ago #

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

  26. pcmt
    Member
    Posted 10 years ago #

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

  27. meljgrey
    Member
    Posted 10 years ago #

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

  28. pcmt
    Member
    Posted 10 years ago #

    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.

  29. meljgrey
    Member
    Posted 10 years ago #

    Rats! I was hoping it was you that was right. :)

  30. pcmt
    Member
    Posted 10 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags