Click here to Skip to main content
Sign Up to vote bad
good
See more: CSSHTML
Hi there,
 
I'm using HTML5/CSS3 "border-radius:4px;" to make my borders round/curved. This works fine in IE9.
 
How do I do it for IE7/8 because it displays normal block borders.
 
Any help on this please,
Regards
Posted 23 Jun '12 - 5:22


3 solutions

As Sandeep correctly put it, rounded corners are not supported by all browsers, but you can always design CSS to support as many browsers as possible. You can find nice explanation and the overview on different browser support here:
http://jonraasch.com/blog/css-rounded-corners-in-all-browsers[^];
 
See also:
http://www.css3.info/preview/rounded-border/[^].
 
It is very convenient to use CSS Border Radius Generator:
http://border-radius.com/[^].
 
[EDIT]
 
By the way, in all designs its would be the best to provide a simplified fallback design; for the cases when a Web browser does not support some feature at all, the view should gracefully degrade, still having a decent readable look.
 
—SA
  Permalink  
Comments
DJAppleboy - 23 Jun '12 - 15:15
Thank you very much for your posting. Much learned...
Sergey Alexandrovich Kryukov - 23 Jun '12 - 16:16
You are very welcome. Good luck, call again. --SA
Solutions i tried myself afterwords that worked.
 
Link 1
[Open in New Window]
 
Link 2
[Open in New Window]
 
Regards
  Permalink  
How do I do it for IE7/8 because it displays normal block borders
You cannot. It's the browser that does not support it and you don't have any control on it.
 
HTML5 is new and all the browsers are trying to support as much HTML5 features possible in their current and upcoming versions. HTML5 is not back compatible with older version of browsers. For Internet Explorer, IE9 onwards support HTML5.
  Permalink  
Comments
Sergey Alexandrovich Kryukov - 23 Jun '12 - 12:43
That's right, my 5. I also added convenient links on rounded corner issues, please see my answer. --SA
DJAppleboy - 23 Jun '12 - 15:13
Thank you, after intense research i read that it's not possible. I got it working with jquery but doesn't look to appealing to the eye.
Sergey Alexandrovich Kryukov - 23 Jun '12 - 16:17
Even though the problem is related to CSS only, jQuery is a good library, useful in very many cases. --SA

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Your Filters
Interested
Ignored
     
0 Sergey Alexandrovich Kryukov 369
1 OriginalGriff 190
2 Tadit Dash 168
3 CPallini 163
4 Aarti Meswania 153
0 Sergey Alexandrovich Kryukov 10,169
1 OriginalGriff 7,749
2 CPallini 4,181
3 Rohan Leuva 3,482
4 Maciej Los 3,089


Advertise | Privacy | Mobile
Web01 | 2.6.130523.1 | Last Updated 23 Jun 2012
Copyright © CodeProject, 1999-2013
All Rights Reserved. Terms of Use
Layout: fixed | fluid