asked on

Rounded Corners are not appearing in IE

Hi,
I have applied some rounded corners on my site here:
http://amandawatson.com.au/ronin/websites.html

in internet explorer the rounded corners don't appear?

Does someone know how I fix this?

This was the code I used:

-moz-border-radius-topleft:3ex;
-moz-border-radius-bottomright:3ex;
-webkit-border-top-left-radius:3ex;
-webkit-border-bottom-right-radius:3ex;

masterpass

Hi snowball77

Microsoft has not implemented the border-radius properties in Internet Explorer 8

see Ref :: http://msdn.microsoft.com/en-us/library/bb250413%28VS.85%29.aspx

Amanda Watson

ASKER

So I can't do anything about this then?

SOLUTION

masterpass

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

ASKER CERTIFIED SOLUTION

jayarjo

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Amanda Watson

ASKER

Ok, can you help me out here.

I have downloaded the js

Now I guess I am to add this to the index.php where all my other scripts are?

<script src="DD_roundies.js"></script>
<script>
/* EXAMPLES */

/* IE only */
DD_roundies.addRule('.roundify', '10px');

/* varying radii, IE only */
DD_roundies.addRule('.something_else', '10px 4px');

/* varying radii, "all" browsers */
DD_roundies.addRule('.yet_another', '5px', true);
</script>

Now how do I call this to the CSS.

Currently I have this in my CSS

#main-body, #moduleslider-size {background-color: #fff; -moz-border-radius-topleft:2ex;
-moz-border-radius-topright:2ex;
-webkit-border-top-left-radius:2ex;
-webkit-border-top-right-radius:2ex;}

so how can I call this script in this part of the css?

Sorry but I got a bit lost in their explanation?

Amanda Watson

ASKER

Im lost with this step

# In another script node, add function calls to DD_roundies.addRule().
# addRule can take up to three arguments:

* (REQUIRED) A text string representing a CSS selector
* (REQUIRED) A text string representing a border radius or radii (anywhere from 1 to 4, separated by commas)
* (OPTIONAL) A boolean indicating whether or not you want to make roundies just in IE (set to false), or attempt to make roundies in "all" browsers (set to true).

basically

masterpass

Did you go through the link I gave you ... It has a very simple explanation and is pretty straight forward

http://www.filamentgroup.com/lab/achieving_rounded_corners_in_internet_explorer_for_jquery_ui_with_dd_roundi/

Let me know if you still got doubts !!!

SOLUTION

jayarjo

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Amanda Watson

ASKER

I havn't got around to finishing this but thank you for your help