WordPress.org

Ready to get started?Download WordPress

Forums

CSS styles not working in IE10, any help? (7 posts)

  1. saman0suke
    Member
    Posted 3 months ago #

    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!

  2. shadez
    Member
    Posted 3 months ago #

    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?

  3. saman0suke
    Member
    Posted 3 months ago #

    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!!

  4. shadez
    Member
    Posted 3 months ago #

    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..

  5. saman0suke
    Member
    Posted 3 months ago #

    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!

  6. saman0suke
    Member
    Posted 3 months ago #

    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!

  7. shadez
    Member
    Posted 3 months ago #

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

Reply

You must log in to post.

About this Topic