Jul 22, 2011 at 9:36 AM
Edited Jul 22, 2011 at 11:10 AM
border-radius: X X X X; alone works for all css3 supporting browser, including IE 9.
I also by now pretty much deleted my whole design, left alone one single bar on top of the page. only the according part in the css file.
every browser except IE 9 shows it correctly with round corners while it is in Orchard.
I then started a completly new page without orchard, just containg
<link rel="stylesheet" type="text/css" href="style/style.css" />
border-radius: 100px 100px 100px 100px;
This works on a static page in IE 9, shows a gray circle.
if i implement it in Orchard, every browser i tested, ( chrome, ff, opera ) shows that circle EXCEPT IE 9.
I'm running out of options where that error may be in my files, and i start thinking that for some reason Orchard and IE 9 don't get along that well.
Does anyone have a working example of an Orchard generated page, on IE 9 with a round corner, created solely by css and not by graphics, htc files or anything else ?
EDIT: On a side note, one of my css menus stopped working in Orchard+IE9 aswell, didn't work anymore in Orchard+IE8 either.
However on a static page it also worked with IE8+9. Is there really nothing in Orchards interpretation that could cause those errors with IE ? Both things ( curves, menu ) are linked with <div></div>s so maybe that might be a point...
Second EDIT: Here's a screenshot of the results in 4 different browsers:
I'm pretty sure that this problem with IE is somewhat caused by Orchard, as the same code on static pages just works fine...