Davie33 Posted December 14, 2011 Share Posted December 14, 2011 Hi is there a way i can fix this to work with ie web brower ?. -moz-border-radius-topright:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; border-top-right-radius:10px; border-top-left-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; Link to comment https://forums.phpfreaks.com/topic/253187-round-corners/ Share on other sites More sharing options...
gizmola Posted December 15, 2011 Share Posted December 15, 2011 There is no solution for this that doesn't involve images prior to IE9. IE9 supports the border-radius property. Here's an article that shows how it can be used: http://msdn.microsoft.com/library/gg589503.aspx Link to comment https://forums.phpfreaks.com/topic/253187-round-corners/#findComment-1297983 Share on other sites More sharing options...
nano Posted December 15, 2011 Share Posted December 15, 2011 If you don't mind using a JavaScript you could give CSS3 PIE a go: http://css3pie.com/ Link to comment https://forums.phpfreaks.com/topic/253187-round-corners/#findComment-1298010 Share on other sites More sharing options...
gizmola Posted December 15, 2011 Share Posted December 15, 2011 If you don't mind using a JavaScript you could give CSS3 PIE a go: http://css3pie.com/ Wow, really neat find, thanks nano. Link to comment https://forums.phpfreaks.com/topic/253187-round-corners/#findComment-1298016 Share on other sites More sharing options...
Davie33 Posted December 16, 2011 Author Share Posted December 16, 2011 thanks all u can check it out by going to me website thanks again . Got it going in most web browsers now but still not ie which sucks i mean ie lol. Link to comment https://forums.phpfreaks.com/topic/253187-round-corners/#findComment-1298465 Share on other sites More sharing options...
ahsesino Posted January 2, 2012 Share Posted January 2, 2012 Do what nano said, go to http://css3pie.com/ and download it. open the file and keep only the file named PIE.htc. Save this file in the same folder your css file is. now open your css file and go to where you want the rounded corners and type the following code: -moz-border-radius-topright:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; border-top-right-radius:10px; border-top-left-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; behavior: url(PIE.htc); and thats it your done. enjoy. Link to comment https://forums.phpfreaks.com/topic/253187-round-corners/#findComment-1303270 Share on other sites More sharing options...
casper_ghost Posted January 2, 2012 Share Posted January 2, 2012 If you don't mind using a JavaScript you could give CSS3 PIE a go: http://css3pie.com/ thank you Nono for the link Link to comment https://forums.phpfreaks.com/topic/253187-round-corners/#findComment-1303337 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.