Member Avatar for marietta_kan

any idea how am i gonna make more round the border corners with CSS?? but in the same time show up on IE...

  • 4 Contributors
  • 5 Replies
  • 122 Views
  • 5 Days Discussion Span
  • Latest Post Latest Post by barsha86

Dani AI

Generated

Short answer: use the CSS3 border-radius property for modern browsers (IE9+), and treat older IE as a progressive-enhancement case. The thread already points to a few legacy fixes: mentioned CSS3 PIE and the helpful position:relative tip, and suggested the DD_roundies JavaScript. Both work but have gotchas; weigh maintenance and performance before forcing pixel-perfect rounding in very old IE.

A minimal, modern example:

.box {
  border: 1px solid #ccc;
  border-radius: 12px;
}

If older-IE support is required, common practical notes and troubleshooting (builds on and ):

  • CSS3 PIE: the behavior: url(...) path is relative to the HTML file (not the CSS), so use an absolute or correct relative path. The server should serve .htc as text/x-component. Legacy IE may need position: relative or zoom: 1 (hasLayout) on the element. PIE has limitations (z-index, filters, pseudo-elements) and may need PIE.attach() when content is injected dynamically.
  • DD_roundies (JS): initialises after DOM load and can be simpler for small UIs, but it adds script work and can miss dynamic elements unless re-run.
  • Alternatives: use small corner PNGs/SVGs or accept square corners in old IE and rely on graceful degradation. Use IE conditional comments to only load polyfills or extra CSS for IE8 and below.

For current browser support details see the CSS border-radius documentation and compatibility tables: MDN — border-radius and Can I Use — css-border-radius.

In short: prefer native border-radius + progressive enhancement; if legacy IE must match visuals exactly, apply a polyfill but follow the path/MIME/hasLayout troubleshooting tips above.

Recommended Answers

All 5 Replies

Member Avatar for Arkinder

Have fun.

Regards
Arkinder

commented: +rep for humor +0
Member Avatar for marietta_kan

actually i did some research before i post that here, without any result...thank you anyway

Member Avatar for Arkinder

Unless you're asking a different question, provides exactly how to create rounded corners in IE, and was the second link listed by Google.

Regards
Arkinder

Member Avatar for drjohn

Code away as normal for css3, then do what it says here http://css3pie.com/
I've just used this on a couple of sites and it works very well. When it goes wrong, the usual solution is to add position:relative to the div in question. Several other css3 bits of code now work as well once I tried this.

Member Avatar for barsha86

I am using this JavaScript for rounded corner, and it works for me.
so you can try this code.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.