Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: CSS HTML
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:22am
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

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 at 23-Jun-12 12:43pm
   
That's right, my 5.
I also added convenient links on rounded corner issues, please see my answer.
--SA
DJAppleboy at 23-Jun-12 15:13pm
   
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 at 23-Jun-12 16:17pm
   
Even though the problem is related to CSS only, jQuery is a good library, useful in very many cases.
--SA
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 2

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:
^];
 
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  
v2
Comments
DJAppleboy at 23-Jun-12 15:15pm
   
Thank you very much for your posting. Much learned...
Sergey Alexandrovich Kryukov at 23-Jun-12 16:16pm
   
You are very welcome.
Good luck, call again.
--SA
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 3

Solutions i tried myself afterwords that worked.
 
Link 1
[Open in New Window]
 
Link 2
[Open in New Window]
 
Regards
  Permalink  

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

  Print Answers RSS
0 Sergey Alexandrovich Kryukov 585
1 mhegazy94 460
2 Ravi Bhavnani 230
3 Kornfeld Eliyahu Peter 185
4 Shemeemsha RA 160
0 Sergey Alexandrovich Kryukov 7,295
1 OriginalGriff 6,841
2 CPallini 5,420
3 George Jonsson 3,654
4 Gihan Liyanage 2,797


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

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100