Rounded Fieldsets?

[cancer10]

Hey,

Just wondering how do u create such rounded corner fieldsets?


http://img201.imageshack.us/img201/461/roundedpu1.jpg



Thanx

[Damien Gray]

I think you would do this, but it doesn't work in IE:

    -moz-border-radius: 1em;
    border-radius: 1em;

[cancer10]

Any alternate to make it work on IE?

[Damien Gray]

Use images and CSS...or something.

[cpf]

If you're happy with a fixed-width (or fixed-height) rounded corner div, just make "top." "bottom," and "inbetween" slices of a PS rounded corner box, then make 3 divs, make the BG of the top one the top image, set the second one to your middle image, but repeat x, and the bottom one to the bottom image. But content in center, it'll automatically resize. Like this (thanks Calamitie for the design :))
Orrr

Since IE7 is still rather behind the times for some of the more fun features, you either have to use nested divs or tables (I'd recommend tables, it's easier to read).

[Aepos]

There are a few ways you could do this. You could make a cell with CSS background that includes the entire rounded-corner-fieldset image.

A more dynamic way to do this would be to simply use seperate images and make it work with CSS. Lot's of tutorials on the web.

Here and here just to name a small few.

[phasex]

If you're happy with a fixed-width (or fixed-height) rounded corner div, just make "top." "bottom," and "inbetween" slices of a PS rounded corner box, then make 3 divs, make the BG of the top one the top image, set the second one to your middle image, but repeat x, and the bottom one to the bottom image. But content in center, it'll automatically resize. Like this (thanks Calamitie for the design :))
Orrr

Since IE7 is still rather behind the times for some of the more fun features, you either have to use nested divs or tables (I'd recommend tables, it's easier to read).

I agree. Although instead of using and image and repeating it horizontally like you mentioned I'd rather use a background color for the center. For small images it would'nt really mater much which way but it's nice to know your users will be downloading less images.

[cancer10]

Issue Solved.

Thanx