I am working with a designer who has put a beveled corner on alot of UI layers. This is a large project and these things are going to be ubiquitous.

I was wondering what you all thought was the lowest weight, most XHTML, uber solution for this corner. You can see they're draggable so the corner has to be "real"

Thoughts?

..where container.png is larger then your largest ui element with the bottom-right corner half transparent. Not elegant, but simple layout wise with the png being <2kb I reckon.

I might be missing something but..

what about the borders?

//duh never mind.. just a top left border.

Thanks.

I should have added that they resize.

I couldn't get this to work at different sizes with a border?

Ideas?

quickie

But you could also use a combination of corner/border divs, especially if you are deciding on a dropshadow for instance.

very cool wowbagger.

thanks