Widget areas different colour in IE
AnonymousNovember 19, 2011 at 10:55 am #2365
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.
Changed to pink in IE: http://s1200.photobucket.com/albums/bb330/stevepure/?action=view¤t=q2.jpg
AnonymousNovember 19, 2011 at 11:08 am #19969
I think IE is not good at displaying CSS3 elements, or something like that.. I never bother about that stone age browser..
AnonymousNovember 19, 2011 at 11:13 am #19970
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.
You must be logged in to reply to this topic.