I'd usually use something like this as it's much easier to reuse for
different purposes and different sizes.

http://www.dave-woods.co.uk/wp-content/uploads/2007/10/rounded-corners-demo.html

It requires four extra div's and four images but I'd prefer it to the
JavaScript approach and works consistently to my knowledge in IE6,
IE7, Firefox, Safari and Opera.

Obviously if you're dealing with images or gradients behind the box
then you may have to go for a more complicated approach but for a
simple box then this method usually serves its purpose well.

With CSS3 you should be able to create rounded corners by just using
CSS but we're obviously some time away from being able to use it as
currently only Firefox and Safari have any support and even then it's
inconsistent when dealing with irregular curves.

Hope that helps.


On 31/10/2007, Bruce <[EMAIL PROTECTED]> wrote:
> Personally, and perhaps I am too motivated towards simplicity, I use three
> images.
> One across the top, one in middle, one for bottom.
>
> I find JavaScript annoying as I watch the corners filling in after page
> loads.
> Four to six images using css are better, but still problematical for
> alignment,loading,  and extra css.
>
> Bruce
> bkdesign
>
>
> > James Jeffery wrote:
> >> What methods do you find best when creating rounded corners and
> >> which methods are the most supported?
> >>
> >> I have been using span tags and absolute positioning. I have also
> >> recently started to use the sliding doors method because you can
> >> achive nice rounded boxes with some nice effects, even better if
> >> you use PNG's.
> >>
> >> Using the span method i did find a bug in IE 6, the 2 corner span's
> >> wouldn't sit flush with the bottom of the containing div, although it
> >> displayed fine in every other browser i tested it on and they could
> >> be resized fine. It was odd though, because IE 5.x display them
> >> perfect, was just IE 6.
> >>
> >> Lets have your beloved methods then guys.
> >>
> >> James
>
>
>
>
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> *******************************************************************
>
>


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to