Sent by Jason Ronallo on 6 August 2002 12:12
Hey,
I've not been keeping up well with css-d but lately a couple people have
emailed me offlist about rounded corners, probably because it's come up
here and they did a search and saw that I once had a tutorial up on how to
do it. Haven't seen anyone do it exactly as I did but a could be
wrong. The tutorial is long gone but this is basically what I'd done, and
for this test case added in the extra wrinkle of absolute positioning the box:
http://astro.temple.edu/~jronallo/cornerdemosimple.html
1) Does it actually work in any browsers other than IE5.5, Moz1.1b, & O6
(all win95 tested)?
2) What are the advantages/disadvantages some see in approaching it this
way rather than other fully css methods? (Putting the corner images in the
markup itself never seemed like a good idea to me.)
I see now that it's similar to:
http://www.projectseven.com/whims/csscurve/abcurve.htm
Except that I use css borders for the straight edges. Negative margins
cover over them in the corners. What browsers does using css borders cause
problems in?
Are there any other demos that have used these methods, especially the
negative margin bit? Does the negative margin cause problems in any browsers?
Thanks for any feedback (screenshots especially) and hope this code is
helpful to someone.
take care,
--Jason
