help with tables and rounded edges

[donkru]

ok. i want to make a page that has like bobble where content is. take a look at this.

http://img254.imageshack.us/img254/7091/lookcq9.jpg
i want it to look like that but i want the larger area to the right to expand and contract according to the content. any ideas? i currently have 2 tables one for the logo up top and one with 2 columns, the left column has the nav links and i want the right column to have the content. any ideas. much appreciated.

[cgraz]

There's a variety of different ways to do this. Depending on if you want to use images, javascript, etc. I googled for "rounded corners css" and came across this link which should get you on your way:

http://www.smileycat.com/miaow/archives/000044.php

[donkru]

thnx

[bpat1434]

You could also use a javascript library to achieve this effect. jQuery has a plugin for it to do Rounded corners. Might want to look into this.

Also, typically -moz-border-radius and border-radius are two CSS elements that work in Mozilla, Opera (you know the lot) except IE. IE is terrible at following rules (much like it's parent company 😛 ), and so you'd have to use an image to physically round the corners.

Just remember that there's power in absolutely positioned elements. You could create 4 small divs that house the "round" corners (which is just a small gif) and use that to your advantage, or use the techniques found in the page above.