Grow your CSS skills. Land your dream job.

Internet explorer bug

  • # December 30, 2012 at 12:02 pm

    Hi,

    I have made an IE fix stylesheet, but it doesnt work on mobile internet explorer, (tested in visual studio lumia emulator)

    here is a short content from that stylesheet:

    #content > div > div {
    background: #ffffff url(../img/gradientFix.jpg) repeat-x;
    }

    but apparently on mobile I cant see the gradient, only on desktop internet explorer

    # December 30, 2012 at 12:07 pm

    There’s a mobile browser for IE?

    I’m not too sure on this but have you set the element to display: block?

    # December 30, 2012 at 12:15 pm

    What conditional comment are you using to load the IE stylesheet?

    # December 30, 2012 at 2:14 pm

    this should apply to all IE versions but IE10…hell yes this shit doesnt work for IE10 -.-,… move on and do it with java?

    https://docs.google.com/file/d/0B-jxW4nbjBQ9c2Y2bUdpRXNLR1U/edit
    https://docs.google.com/file/d/0B-jxW4nbjBQ9WHpTTXRTTERkWUk/edit

    @chrisburton unfortunately, yes

    # December 30, 2012 at 3:29 pm

    There are IE Mobile condition comments, are you using those? I don’t know much about IE Mobile, but perhaps it ignores the standard IE conditional comments. I’m not sure.


    ``

    # December 31, 2012 at 7:28 am

    Unfortunately no,

    these two lines are in my header related to this, second line does nothing to me, first line fixes all except IE10, windows phone 8

    # December 31, 2012 at 8:35 am

    Just out of curiosity: is IE mobile only on Windows phones? And is it comparable (if at all) with IE9? IE10? Same engine or something?

    # December 31, 2012 at 10:28 am

    @Senff Windows phones use IE10 FYI

    @AttilaEgyed Can you provide more information? Try a slight re-organization of your properties and add quotes:

    background: url(“../img/gradientFix.jpg”) repeat-x #fff;

    # December 31, 2012 at 11:13 am

    @downpour046: yeah i usually do cleaning and reorganisation when i finished my work

    so all windows phones use IE10 engine only? any of them uses IE8 or lower?

    btw, http://www.w3schools.com/css/css_background.asp check here the shorthand propery parameter order

    and i never really thought in it, but i declare border: 1px solid #000; on this way

    http://atiweb.org/others/atiwebmobile.zip
    here is the whole project, if you feel like check it

    happy new year im off for a while

    # December 31, 2012 at 11:46 am

    @AttilaEgyed: Windows Phone 8 uses IE10. IE10 doesn’t support conditional comments. I’m not sure about IE10 mobile, but I suspect it doesn’t either.

    Windows Phone 7.5 uses IE9.

    They’re very similar to their desktop cousins. The differences between IE10 and IE10 mobile are listed at the bottom of this article: http://blogs.windows.com/windows_phone/b/wpdev/archive/2012/11/08/internet-explorer-10-brings-html5-to-windows-phone-8-in-a-big-way.aspx

    # December 31, 2012 at 11:50 am

    Are you just supplying that style sheet to give IE mobile a gradient? IE10 mobile supports regular CSS gradients using the modern unprefixed form (and with -ms-prefix using the older syntax), so you shouldn’t need a fix for that browser. You will only need the fix for earlier versions, such as Windows Phone 7.5. If the gradient isn’t essential, it may be worth just adding a solid background-color as a fall back before you define the gradient.

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".