Home > .NET, Vs2010 > Rounded corners in Ie9

Rounded corners in Ie9

2012/03/22

Ie9 has the support for CSS3 so a div can be rendered with the rounded corners.

A typical definition could be:

.curved {
     border: 1px solid #e1e16d;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

This was working in my pages lanched from Visual Studio 2010 which is running as administrator, and from FireFox the same.

The surprise came when i have tried from Ie9 lanched normally , as standard user (my login is not administrator in my pc, even if this measure does not prevents malware…) : no rounded corners !

Launching Ie9 (not from Visual Studio , hitting F5) as administrator ok, the roundes corners are back.

This with Windows 7 64 bit , i have not tried with another Os.

I’m not understanding why in Fixefox launched normally as standard (not admin) user and Ie9 launched as administrator the rounded corners works and not in Ie9 launched as standard user , anyway the trick is to insert the declaration

<meta http-equiv=”X-UA-Compatible” content=”IE=9″ />

In the <head> section

And the rounded corners are rendered in Ie9 launched as standard user.

Content type in my site is

<meta http-equiv=”content-type” content=”text/html; charset=ISO-8859-1″>

And DOCTYPE

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd“>

Advertisements
Categories: .NET, Vs2010
%d bloggers like this: