logo
Ask your WordPress questions! Pay money and get answers fast! (more info)

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

$30
Fixing Broken Wordpress Theme in IE?

Hi there,

I have a wordpress theme (Custom Community Pro) that works swimmingly in FF and Chrome, but is a disaster in IE.

I know some basic css and html, but this seems beyond me.
I'm guessing the problem is in the header.php, but I'd rather not mess with it and potentially cause more problems.

This wouldn't be so much of a problem if my site wasn't based in South Korea where 95% of the population uses IE. -_-;;

Jed | 11/27/11 at 2:41am Edit
Tutorial: How to assign prize money


(6) Possible Answers Submitted...

See a chronological view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

  • avatar
    Last edited:
    11/27/11
    2:46am
    Hai Bui says:

    Hi,
    Can you provide the url?

    • 11/27/11 2:51am

      Jed says:

      Hi,

      Thanks for the fast response. ^^

      http://community.greatspeaker.org/

    • 11/27/11 2:54am

      Hai Bui says:

      The site requires me to log in? I need to see the site to find the problem.

    • 11/27/11 3:56am

      Jed says:

      You can login as:
      user id- gramangel
      p/w- twenty

    • 11/27/11 4:06am

      Hai Bui says:

      In the header, there are a few link tags that do not have end tag:

      <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Philosopher:regular"><style type="text/css">body{font-family: 'Philosopher' !important; }</style><link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic"><style type="text/css">p{font-family: 'PT Sans' !important; }</style><link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Varela:regular"><style type="text/css">li{font-family: 'Varela' !important; }</style><link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ultra:regular"><style type="text/css">h1{font-family: 'Ultra' !important; }</style><link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Miltonian:regular"><style type="text/css">h2{font-family: 'Miltonian' !important; }</style><link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ultra:regular"><style type="text/css">h3{font-family: 'Ultra' !important; }</style><link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Philosopher:regular"><style type="text/css">h4{font-family: 'Philosopher' !important; }</style><link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Philosopher:regular"><style type="text/css">h5{font-family: 'Philosopher' !important; }</style><link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Philosopher:regular"><style type="text/css">h6{font-family: 'Philosopher' !important; }</style><style type="text/css">


      They should end with /> instead of >
      For example:
      <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Philosopher:regular" />

      Same for others. Please fix it and we'll see.

    • 11/27/11 4:15am

      Jed says:

      OK.

      That would most likely be located where?
      In the theme header.php?

    • 11/27/11 4:21am

      Hai Bui says:

      They are used for embedding Google fonts. Those lines may be in header.php or a plugin if you use a plugin embed Google fonts. If you cannot find them, please PM me the admin account info.

    • 11/28/11 4:41am

      Hai Bui says:

      Did you get my PM? The actual problem is IE only loads first 31 <style> or css stylesheet in a page and your site loads more than 31 so some of them were totally ignored.
      You must remove a few stylesheets or <style> tags, perhaps by removing some unnecessary plugins. Otherwise, you have to modify some plugins to fix it.

  • avatar
    Last edited:
    11/27/11
    2:56am
    Charles Klycinski says:

    Hey,

    Please send also user and pass or just disable login requirment.

    Charles

    • 11/27/11 3:07am

      Charles Klycinski says:

      Guys just hit - register on log in page - You will be redirected to a reg form and You wil see page layout.

      IE seem to not load css propertly.

    • 11/27/11 3:56am

      Jed says:

      You can login as:
      user id- gramangel
      p/w- twenty

  • avatar
    Last edited:
    11/27/11
    3:03am
    Manoj Raj says:

    Login restriction is there.

    The problem may be with the Doctype sometimes. (or) sometimes you have to redefine some parameters for IE in a separate css file.

    If your site is live without login restriction or if you have the screenshots of the website in firefox and internet explorer, post it here so that people around here may get a better idea about the problem you are facing.

    And also specify the versions of the browsers you are using.

    • 11/27/11 3:56am

      Jed says:

      You can login as:
      user id- gramangel
      p/w- twenty

  • avatar
    Last edited:
    11/27/11
    3:13am
    Monit Jadhav says:

    Need to see the problem. So login info Please?

    • 11/27/11 3:55am

      Jed says:

      You can login as:
      user id- gramangel
      p/w- twenty

  • avatar
    Last edited:
    11/27/11
    5:44am
    Christianto says:

    Hi,

    I do a test by download the page of your site and edited locally..
    And I found that its because too much stylesheet rules, I did make a test by deleting about 5 link stylesheet and it start to loading correctly...

    You can read it on microsoft website about IE stylesheet limit

    his problem occurs because the following conditions are true in Internet Explorer:
    All style tags after the first 31 style tags are not applied.
    All style rules after the first 4,095 rules are not applied.
    On pages that uses the @import rule to continously import external style sheets that import other style sheets, style sheets that are more than three levels deep are ignored.


    Try to deleting 5 of your stylesheet link like I did..

    Let me know the result in your site..

    • 11/27/11 6:50am

      Christianto says:

      @ Jurre
      stylesheets link aren't 31, I only count about 23 (24 if IE 6 specific stylesheet included) but it could be because the rules applied.

      You can test it by yourself, actually I really don't know the actual limit of stylesheet on IE but if I delete 5 link of stylesheet, the site load correctly... :)

      But sure, deleting 5 link of stylesheet will affect other part of site, we can fix it by combining it.

      I attach my edited html file and screenshot..

      Attached Image

  • avatar
    Last edited:
    11/27/11
    6:27am
    Jurre Hanema says:

    More than 31 stylesheets? Really? I think that may be the real problem here.

    I think you can easily decrease the number of stylesheets by loading all Google fonts at once, instead of one-by-one. Also currently you are loading some fonts more than once, which probably isn't neccessary at all.

    So instead of this (your current code):


    
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Philosopher:regular">
    
<style type="text/css">body{font-family: 'Philosopher' !important; }</style>
    

    
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic">
    
<style type="text/css">p{font-family: 'PT Sans' !important; }</style>
    

    
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Varela:regular">
    
<style type="text/css">li{font-family: 'Varela' !important; }</style>
    

    
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ultra:regular">
    
<style type="text/css">h1{font-family: 'Ultra' !important; }</style>
    

    
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Miltonian:regular">
    
<style type="text/css">h2{font-family: 'Miltonian' !important; }</style>
    

    
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ultra:regular">
    
<style type="text/css">h3{font-family: 'Ultra' !important; }</style>
    

    
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Philosopher:regular">
    
<style type="text/css">h4{font-family: 'Philosopher' !important; }</style>
    

    
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Philosopher:regular">
    
<style type="text/css">h5{font-family: 'Philosopher' !important; }</style>
    

    
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Philosopher:regular">
    
<style type="text/css">h6{font-family: 'Philosopher' !important; }</style>


    Try something like this:


    
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Philosopher:regular|PT+Sans:regular,italic,bold,bolditalic|Varela:regular|Ultra:regular|Miltonian:regular">
    
<style type="text/css">
    
body{font-family: 'Philosopher' !important; }
    

    
p{font-family: 'PT Sans' !important; }
    

    
li{font-family: 'Varela' !important; }
    

    
h1{font-family: 'Ultra' !important; }
    

    
h2{font-family: 'Miltonian' !important; }
    

    
h3{font-family: 'Ultra' !important; }
    

    
h4{font-family: 'Philosopher' !important; }
    

    
h5{font-family: 'Philosopher' !important; }
    

    
h6{font-family: 'Philosopher' !important; }
    
</style>


    Also I recommend to stick to the fonts that are available by default for anything but headers.

    Previous versions of this answer: 11/27/11 at 6:27am

This question has expired.





Current status of this question: Community pot



Please log in to add additional discourse to this page.





Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.