WordPress.org

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

   Does anyone have any other ideas?

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

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

    Thanks!

21. katie1
    Member
    Posted 3 years ago #

    Yes - you MUST keep spaces between:

    *[space]html[space]#content

    * html #content

22. meljgrey
    Member
    Posted 3 years ago #

    Got it. Thanks.

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

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

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

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