Mawg
Mawg

Reputation: 40150

Rounded corners in MS IE 7

How do I get rounded corners in MSIE7? (and cross-browser, as a bonus, but IE7 is vital)

Can I do it without extra images?

Do I need a bunch of images for different text box/table sizes?


Update: This is actually important, now that I think of it ...

What if I am generating my HTML from PHP and it can be dynamic, so I can't really know the size?

Upvotes: 4

Views: 970

Answers (3)

Salman Arshad
Salman Arshad

Reputation: 272106

You can have CSS round corners on any element of any width/height. There are numerous solutions/workarounds for IE. Some require JavaScript. Some use VML wrapped in .htc files. Some use multiple images. Numerous techniques are discussed here:

  1. CSS-Discuss - Rounded Corners
  2. CSS Rounded Corners 'Roundup' -- recommended reading

Upvotes: 1

Stephen Booher
Stephen Booher

Reputation: 6542

Similar to Ian's answer, one possibility is to use CSS3's border-radius, then include CurvyCorners. You can do it without images -- that is, you don't need to provide images to make either of the solutions mentioned here work.

Upvotes: 1

Ian Devlin
Ian Devlin

Reputation: 18870

I'd recommend using CSS3 styling and then CSS3PIE. Works like a charm!

Upvotes: 12

Related Questions