GetSimple Support Forum

Full Version: Round Corners in IE
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Not sure if this is me, but I actually don't see the round corners for GetSimple buttons and pages when using IE9, regardless whether it's getSimple site or my site. I'm wondering if there has been any misconfigurations.

One thing I am sure about, is that IE9 do support round corners, and so have I added code to implement round corners. The code seems to work in standalone, but not when I add them to the stylesheet. I also have noticed this 'ie9' class in the header section, does this affect how the stylesheet rules are applied?

Regards,
Angela
IE doesnt conform to most CSS3 specs, so it doesn't see some of the cool CSS3 animations/features that are part of the core. If at all possible, make the switch to something standards based like Chrome, Safari or Firefox
Non of IE versions never supported rounded corners.
Use 3rd party js plugins, if you want to achieve roundies.
For example dd_roundies, nifty corners, curvy corners, or any other rounded corners (along with other css3 tags) library for IE.
yojoe Wrote:if you want to achieve roundies
I don't for IE. I will make sure it looks ok in IE browsers, but remember: http://dowebsitesneedtolookexactlythesam...owser.com/
I should have add "... in IE" at the end of sentence, to make things clear Wink
Well, I know that IE9 supports rounded corners because I used this simple file, border.html, to test it. It works, I just don't quite get what do you mean by "not supported" in IE9.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <meta name="author" content="Administrator" />

    <title>Rounded Corners</title>
</head>

<body>

<style>
#wrapper {
    background: #eaeaea;
    border-radius: 28px 10px 0 0;
}
</style>

<div id="wrapper">
Some Text <br />
Some Text <br />
Some Text <br />
Some Text <br />
Some Text <br />
Some Text <br />
Some Text <br />
Some Text <br />
Some Text <br />
Some Text <br />
Some Text <br />
</div>

</body>
</html>
yojoe Wrote:Non of IE versions never supported rounded corners.
IE9 supports CSS3 border-radius, but I wouldn't be surprised if it only works in certain circumstances.

But I agree with Chris, in that I don't go out of my way to have the same appearance in every browser, as long as the content is displayed correctly.

But I'm not a designer. ;-)
Had to look deeper into this, as 2 services I messed with, didn't display curved corners in IE9.
You're righ hameau, this browser has so many flaws, that I lost myself getting to know all of them.

Border-radius won't work in IE, when container uses also gradient property.
I have to seek to find out the second flaw.

Anyway, don't forget that there are still many winXP users, who won't have IE9.
yojoe Wrote:Anyway, don't forget that there are still many winXP users, who won't have IE9.
I have the luxury of saying, "Too bad for them!" Fortunately, my clients are not sophisticated, in general.