Having issues getting my html conditional statements to correctly pull in the IE specific CSS stylesheets. Could somebody please take a look at the top part of my code to see if I have syntax correct?
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Cherokee Cat Clinic</title>
<link rel="stylesheet" type="text/css" href="styles/cherokee.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="styles/ie/cherokee_ie.css" />
<![endif]-->
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="styles/ie/cherokee_ie.css" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="styles/ie/cherokee_ie.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="styles/ie/cherokee_ie.css" />
<![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="styles/ie/cherokee_ie.css" />
<![endif]-->
<style type="text/css">
Also, I am very new to the process of re-building a site for different versions of IE. I have seen Quirks Mode's attribute table, but is there a good compendium of what CSS selectors are /wonky/ in which versions of IE? Or even a good reference thread for Stack Overflow articles on what to watch out for when designing for IE7 & 8?
Thanks in advance!!
No comments:
Post a Comment