Widget areas different colour in IE

  • Anonymous

    #2365

    Hi.

    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?

    Steve

    Correct:

    http://s1200.photobucket.com/albums/bb330/stevepure/?action=view&current=q.jpg

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

    Anonymous

    #19969

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

    Anonymous

    #19970

    Agreed.

    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.

    steve5000

    #19971

    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.