CSS styles not working in IE10, any help?

  • Hi, I have a wordpress site already created, I’m just finishing it so there are a few things that I don’t know, I’m currently having an error where the site looks ok in chrome and firefox, but it loses all the design in IE10, which is weird because the latest version of IE should work right? the site is using a theme and the css files are generated using lescss.

    chrome, firefox:

    CSS Style in Chrome, Firefox

    IE10:

    CSS Style in IE10

    Is there any workaround for this? I don’t think that should edit any css file to make it work right?once again, it’s the latest version of IE! I know it’s the best web browser ,but the latest one should be compatible.

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)

  • screenshot suggests that the CSS file is not picked up at all by the browser..
    try force reload CTRL+F5
    check if stylesheet <link> is proper in code/header.php.. maybe chrome/ff can pick abstracts but IE needs definite URL?

    Thread Starter saman0suke

    (@saman0suke)

    CTRL + F5 did not help, since the site always load the same content; what do you mean by abstract URLS? I was thinking that maybe Internet Explorer is not entirely compatible with this lesscss estructure and all that.

    Thanks!!

    yes thats pretty much possible. all i can suggest now is that the css files are not picked up in IE. so dig that. did you try changing LESS to CSS and test? need to see code to say anything more..

    Thread Starter saman0suke

    (@saman0suke)

    Check what I just read:

    Internet Explorer CSS loading

    Internet Explorer has a 32 CSS file loading limit, which isn’t that hard to reach if you use many plugins/extensions. If your website looks okey on Chrome and Firefox, but the template is messed up on IE, then this could be the problem. In this case google “css combiner” + “Joomla” or “WordPress”, and you will probably find a plugin, that will make only one css file from the others.

    Might be the case? It looks exactly like my issue; do you know something about css combine plugin?

    Thanks!

    Thread Starter saman0suke

    (@saman0suke)

    Weird…I just changed this line at the top of the header, and it works now:

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    Now it works, thanks!

    cool.. and thanks for sharing the fix.
    please mark thread as resolved and close it.
    cheers..

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS styles not working in IE10, any help?’ is closed to new replies.

Tags