WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. K3200
    Member
    Posted 8 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 8 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 8 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 8 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 8 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 8 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 8 years ago #

    Does anyone have any other ideas?

  8. Orin
    Member
    Posted 8 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 8 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 8 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 8 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 8 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 8 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 8 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 8 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 8 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 8 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 8 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 8 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 8 years ago #

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

    Thanks!

  21. katie1
    Member
    Posted 8 years ago #

    Yes - you MUST keep spaces between:

    *[space]html[space]#content

    * html #content

  22. meljgrey
    Member
    Posted 8 years ago #

    Got it. Thanks.

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

  23. katie1
    Member
    Posted 8 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 8 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 8 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 8 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 8 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 8 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 8 years ago #

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

  30. pcmt
    Member
    Posted 8 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