Quick Tip 8 – Alternate Style Sheets
As a web designer you are always trying to push the boundaries of design and what the browser can do. Sometimes the work you produce will not work in all browsers (Internet Explorer) but you don’t want to have to comprise on the other browsers that display your design how it was mean’t. So what can you do?
Well, because of a few issues in IE there is the ability to set your document to retrieve certain styles dependent on the browser. Here are the style sheet links below.
IE 5.5 Alternate Style Sheet
<!--[if IE 5.5]> <link href="IE-5-5.css" rel="stylesheet" type="text/css" /> <![endif]-->
IE 6 Alternate Style Sheet
<!--[if IE 6]> <link href="IE-6.css" rel="stylesheet" type="text/css" /> <![endif]-->
IE 7 Alternate Style Sheet
<!--[if IE 7]> <link href="IE-7.css" rel="stylesheet" type="text/css"> <![endif]-->
IE 8 Alternate Style Sheet
<!--[if IE 8]> <link href="IE-8.css" rel="stylesheet" type="text/css"> <![endif]-->
All IE Alternate Style Sheet
<!--[if IE]> <link rel="stylesheet" type="text/css" href="ie-only.css" /> <![endif]-->
Print Style Sheet
Here is an also very handy print style sheet.
<link type="text/css" media="print" rel="stylesheet" href="/print.css" />
Handheld Devices
Suitable for mobiles and other handheld devices.
<link type="text/css" rel="stylesheet" href="handheldstyle.css" media="handheld" />
Related posts:
- Quick Tip 5 – Compact CSS
- Quick Tip 6 – CSS Shorthand
- Quick Tip 7 – CSS !Important
- Quick Tip 9 – CSS min height
- Quick Tip 2 – CSS Text Shadow
Posted By: Martyn
Hi, I'm Martyn, the Lead Designer for Web Design GM and really hope you find my existing and upcoming articles useful. Please leave comments below and I will try to respond to any questions as soon as possible.
