Possible CSS Problem with ie Browsers

Discussion in 'CSS' started by theurbantwist, Nov 16, 2013.

  1. #1
    Hello guys and gals,
    Just wondering if someone could do me a favor and take a look at my website in an internet explorer and tell me why my CSS isn't rendering if possible.
    My site is: http://theurbantwist.com
    The problem is that I don't even know if it's a CSS problem to be honest since I'm modifying a Wordpress theme and the old theme uses the same CSS file and displays perfectly in internet explorer whereas this new theme does not.
    I'm using the latest ie browser as well to test.
    My CSS file is quite large and I'm in the process of the trimming it down considerably and getting rid of all the unneccessary stuff that my site isn't even using. But I wanted to make sure it displays in internet explorer.
    My bounce rate has skyrocketed as a result of this which is why I'm hoping to get this issue corrected ASAP.
    I don't need you to fix this for me but maybe just point me in the right direction so I can do it myself.
    Thanks a lot for your time.
     
    theurbantwist, Nov 16, 2013 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    I can't be specific as my disk crashed on my Win machine and the @#$%^& vendors don't provide install media any more. (Yeah, I made re-install DVDs but they don't include a boot manager.)

    Check the validators, http://jigsaw.w3.org/css-validator/validator?profile=css3&warning=0 (for css), and http://validator.w3.org/check?chars...alidator/1.3+http://validator.w3.org/services (for html). You have errors, some of which may be fatal. IE is more sensitive to errors than the other browsers. (A Good Thing IMV)

    Your markup is html5, but your DTD is xhtml1.0 transitional, so proper DTD must be forced (done in the link above) for validation. You have an unclosed element tag and at least one stray closing tag. These may cause an error cascade that can render differently in the various browsers.

    There are a potload of errors in the CSS. Most are due to proprietary properties and values not being recognized by the validator. Don't worry about them. You have missing semi-colons which cause an error cascade, sometimes through several rule sets at a time. They must be fixed. A quick scan also reveals properties with incomplete values. These may or may not matter, but it is a poor practice to have the errors at all.

    cheers,

    gary
     
    kk5st, Nov 16, 2013 IP
    ryan_uk likes this.
  3. theurbantwist

    theurbantwist Well-Known Member

    Messages:
    399
    Likes Received:
    44
    Best Answers:
    0
    Trophy Points:
    118
    #3
    Thanks for your reply. I'm getting on that right now. :) I will update this post to let you know of where my site stands.

    Thanks!
     
    theurbantwist, Nov 16, 2013 IP