www.netskills.ac.

uk

CSS & Browser Compatibility

Web Pages: Presentation

CSC1014

CSS: Browser Support

Often seen as a big issue mostly historical
Worst (mainstream) offenders Netscape 4 (ignore nowadays) & IE 4-6

IE still seen by many as the "big problem" but...

IE 4 -5.5 can safely be ignored IE7 & IE 8 much better Main issue is slow (corporate) migration from IE 6

Standards compliance is important for less reliance on "hacks" All browsers have some "quirks" is perfection possible?
JISC Netskills

CSC1014

CSS: The ACID test

http://acid2.acidtests.org/

http://acid3.acidtests.org/

http://www.webstandards.org/

JISC Netskills

CSC1014

CSS: Browser support

Tools to help
!Doctype switching Compatibility tables Clean code and good design practice!

http://www.quirksmode.org/css/contents.html

er... test for yourself?

JISC Netskills

CSC1014

Dealing with IE
Policies
Decide not to cater for IE differences? Hacks CSS tricks to hide/show specific rules to IE? Conditional comments regular HTML comments with IE specific syntax (not just CSS!)
<!--[if IE 6]> <style type="text/css"> p {property: value for IE6 only;} </style> <![endif]--> http://www.quirksmode.org/css/condcom.html
JISC Netskills