Question

I’m thinking of creating a custom made rounded corners block using only divs, and I was curious to know what you guys think, if that’s a good enough approach, or is there an easier way to get a cross browser support (While also supporting older browsers such as IE6)

I’ll write a little simple explanation code for you guys to understand easily:

<div class="Block" style="position:relative">
    <div>
    Content will go here or something
    </div>
    <div name="TopLeft" style="position:absolute;top:0;left:0;"></div>
    <div name="TopRight" style="position:absolute;top:0;right:0;"></div>
    <div name="BottomLeft" style="position:absolute;bottom:0;left:0;"></div>
    <div name="BottomRight" style="position:absolute;bottom:0;right:0;"></div>
</div>

In the real code, I’ll give each one of them a background, and of course put it in a css file instead of writing it inline like that.

Answer 1

Use CSS3Pie.

This is a Javascript hack for IE that implements the border-radius CSS in old versions of IE.