Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
border radius with IE9
#1
Hi all !

I never use IE. I test my template today on IE9 and I see a border radius problem with my menu.

All "border radius" are OK but not in the menu (parent link and child link).

I don't know where is the problem in my css file.

I've added the following meta in the header template but this adding has not resolved this problem :
Code:
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

If someone can look for it, it's will be very sympatic.

Surely it's a stupid error ...

cyclehome.artisan-online.fr

Thanks for your reply Wink
Reply
#2
I am also not a IE-techie or lover, but I found this site here:

http://ie.microsoft.com/testdrive/html5/...fault.html

you defined border-radius twice in #nav:

Code:
border-radius: 2em;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

maybe that is the problem?
|--

Das deutschsprachige GetSimple-(Unter-)Forum:   http://get-simple.info/forums/forumdisplay.php?fid=18
Reply
#3
Sorry I had no free time today !

Connie, it's not the problem unfortunately.
Reply
#4
maybe this can help you ...
We had all been beginners :)
Reply
#5
Code:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

Have you tried that?
Reply
#6
I found the original problem :

Code:
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')

This filter is not considered by the attribute "border radius", So the corners are well rounded but the background color does not stop with rounded corners.

I'll try another gradient type to resolve this.

Thanks all for your interest Wink
Reply




Users browsing this thread: 1 Guest(s)