IE rounded corners without changing markup

MOH

Anyone know of a working method of generating rounded corners in IE without additional markup?

I've tried Nifty Corners Cube - doesn't work on a gradient background.

Curvy Corners just doesn't work very well for me.

Most of the other solutions involve markup changes, which isn't practical as the HTML is being automagically generated.

Or can we all just agree never to use IE again?

Pixelcraft

Just forget about the rounded corners! But if you have to there's http://css3pie.com/

HandWS LTD

There are hardly any good websites for generating rounded corners that are compatible across all web browsers.

You can easily sort rounded corners in the css files to be compatible across all web browsers. There are two good solutions on sorting this. One is to have two div's for rounded corners as a header and footer on your sidebar's css. Another is adding a number of div's so you can have an image for each corner.

Pixelcraft

That's changing the markup, exactly what the OP doesn't want to do, and entirely unnecessary these days. Not a good solution in my book.

MOH

Pixelcraft wrote: »

Just forget about the rounded corners! But if you have to there's http://css3pie.com/

Brilliant!!! Thanks a million, I've wasted days on this. And as an added bouns that solves my drop shadow problems too.

Excellent, thanks.

For anyone else using this: it initially had the unfortunate side effect of making my backgrounds transparent. But if you read the known issues page, adding position:relative to the element solves this.

Freddio

This jquery rounded corners works but has limitations with layering borders


http://jquery.malsup.com/corner/

Pixelcraft

Not having rounded corners does not mean a browser isn't being supported.

With the amount of browsers out there, we have to adapt and accept that different browsers render different presentations differently, and allow for that in the design. That's OK!