12-17-2010, 12:43 AM
I need to create a div that is tableless and has rounded corners and works in IE6. The issue is, I need the corners to have transparency, so the simple fake background color behind the corners wont work. It needs to be graphic based for the corners (15x15px) and fluid.
For the life of me I can not find out how. I'll keep plugging away, but would appreciate any help
12-17-2010, 12:54 AM
If you have tranparent images for your corners then this demo would be a good example for you - rounded corners w/images (http://nopeople.com/CSS%20tips/rounded%20corners/index.html).
Another example and a different approach here (http://nopeople.com/CSS%20tips/slider/index.html).
Again, it all depends on the image you use.
If you make transparent .png's then you'll need some sort of png fix for IE6. Google that and there are a few fixes out there. For no more resolution than a corner needs it's possible a transparent .gif would look ok, that would eliminate the need for a pngfix.
Here is an interesting jQuery solution (http://www.filamentgroup.com/lab/achieving_rounded_corners_in_internet_explorer_for_jquery_ui_with_dd_roundi/).
12-17-2010, 01:29 AM
I'm not sure those help. Here's a picture that kind of shows what I want to do.
I really can't make one solid background image, it has to be dynamic.
Those either have the background as one color or use one big bkg image. Nothing dynamic, except maybe roundies. Was not looking to add to much java/JQuery, but it looks like I don't really have a choice
12-17-2010, 05:57 AM
Solved. I found a different jQuery rounder. Works great. Thanks for your help