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:



