Widget areas different colour in IE

  • Anonymous



    The widget areas on my site appear correctly when using Firefox and Chrome.

    However, on IE and on the IPhone the widget headers are appearing in pink colour and the corners have been squared off as seen below.

    Any ideas?




    Changed to pink in IE: http://s1200.photobucket.com/albums/bb330/stevepure/?action=view&current=q2.jpg



    I think IE is not good at displaying CSS3 elements, or something like that.. I never bother about that stone age browser..




    IE can’t handle some of the new CSS3 styles being used. It always struggles with gradients, rounded borders, etc.

    Unfortunately, as a web developer, if your top priority is consistency across browsers, you are going to have to lose those CSS3 styles.

    Alternatively, you can always specify a default “fallback” for IE for these styles, but it won’t always look the same.

    As far as your question, the red you see in Chrome is a gradient fill. The pink you are seeing is the solid background color “fallback”. So, since IE can’t display the gradient, it uses the pink “fallback”.

    If you want to change this pink, for IE users, you can use firebug to find the CSS element, and change it in your stylesheets.



    Ok, thanks guys. I don’t use IE myself, but as 50% of people do i will change the ‘fallback’ colour so it doesn’t look so girly in pink. I can live without the colour gradient and the square boxes for users of IE.

    Thanks again guys!

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

  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!