I would like to use DIVs (or whatever) with rounded corners to enclose the various elements of my web pages.
I have written a noddy bit of PHP which auto-generates a PNG image and allows you to specifiy the width, height, border thickness, corner radius, background colour, border colour, etc, etc of the image with transparent bits outside the corners. This image can then be set as a DIV background.
This is OK, but is there a pure CSS way of doing this? It would be nice to do it as pure CSS because, although my method works, it involves a couple of hacks and it's "icky".
AKAIK, rounded corners are not supported by css2 but maybe they will be in css3?
Someone on here, much cleverer than me, posted a solution some time ago, which comprised a top gif which was a rectangle with its top corners rounded and another, for the bottom with its bottom corners rounded. Then in the css, these were assigned as background colors for parts of the style. I dont have the link handy otherwise I'd post it ;p sorry.
no guesses for why I remember the post. Back then, I wanted rounded corners too and they were decribed as s-o-o-o, last tuesday
"The day you stop learning is the day you become obsolete"! - my late Dad.