Activity 204 Cross browser compatibilty
October 5, 2010
This is an interesting activity as rounded corners are were a trend and new websites are coming back to sharp corners, however rounded corners are a great design tool. It allows the rounded corners to be dynamic and background images dont have to be pre rendered to get the same effect. Mozilla firefox, chrome and safari are compatible with rounded corners using their own CSS reference but IE has troubles. However, IE 9 will have full CSS compatibility (finally).
There are ways around this browser compatibilty. Pre rendered images with rounded corners. This is alright if the background is basic (i.e. white background). But when different resolutions are viewed, they may distort and fail at the end result. The other option is adding an extension file on the server. This will let IE6 be able to do rounded corners from ‘behaviours’. http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser
But when making CSS, one must consider putting all different codes to cater for all web browsers.
