{"authorId":1,"title":{"title":{}},"slug":"using-dean-edwards-ie7-script","postDate":1178582164,"expiryDate":null,"enabled":1,"fields":{"2":"<div class=\"update\">\n<h2 class=\"replaceHeadline\">Update<\/h2>\n<p>Dean Edwards has updated his scripts. I have written a <a href=\"http:\/\/trevordavis.net\/blog\/tutorial\/updated-dean-edwards-ie7-scripts\/\">new entry describing the updated IE7 scripts<\/a>.<\/p>\n<\/div>\n\n<p>At An Event Apart Boston, <a href=\"http:\/\/meyerweb.com\">Eric Meyer<\/a> discussed how IE7 is quickly being adopted. Since this is the case, we can treat IE6 as more of a secondary browser now.<\/p>\n\n<p>We should all start to use the <a href=\"http:\/\/dean.edwards.name\/ie7\/\">Dean Edwards IE7 script<\/a> to bring IE6 up to par with standards compliant browsers.<\/p>\n<!--more-->\n<p>The history behind the Dean Edwards script is that he wrote it when Microsoft had said that they were not going to produce any more versions of Internet Explorer. He wanted to provide a JavaScript solution to add more compliance to the browser.<\/p>\n\n<h2 class=\"replaceHeadline\">Using the Script<\/h2>\n\n<p>First, <a href=\"http:\/\/dean.edwards.name\/download\/\">download the Dean Edwards script<\/a>. Next, extract the files to the root of your webserver in a folder called <strong>ie7<\/strong>. It needs to be in this folder, because some of the scripts have a dependency on the folder.<\/p>\n\n<p>Finally, just include the script in the head of your document using conditional comments:<\/p>\n\n<div class=\"codeblock\"><code>\n&lt;!--&#91;if&nbsp;lt&nbsp;IE&nbsp;7&#93;&gt;<br \/>&lt;script&nbsp;src=\"\/ie7\/ie7-standard-p.js\"&nbsp;type=\"text\/javascript\"&gt;&lt;\/script&gt;<br \/>&lt;!&#91;endif&#93;--&gt;&nbsp;\n\n<\/code><\/div>\n\n<p>On <a href=\"http:\/\/dean.edwards.name\/IE7\/usage\/configure.html\">the configuration page<\/a>, Dean shows you which scripts do what. By including the <code>ie7-standard-p.js<\/code>, you get the support of the following scripts:<\/p>\n\n<ul>\n <li>ie7-core.js<\/li>\n <li>ie7-html4.js<\/li>\n <li>ie7-layout.js<\/li>\n <li>ie7-css2-selectors.js<\/li>\n <li>ie7-graphics.js<\/li>\n <li>ie7-fixed.js<\/li>\n<\/ul>\n\n<p>The only other script that I have included as well is the <code>ie7-css3-selectors.js<\/code> to include support for CSS3 selectors. Think of all those wonderful <a href=\"http:\/\/trevordavis.net\/blog\/tutorial\/css-attribute-selectors-explained.php\">attribute selectors<\/a> you can start to use in your project. It makes me all warm and tingly inside to think about where CSS can go when the browsers are up to the task.<\/p>\n\n<h3 class=\"replaceHeadline\">Enjoy!<\/h3>\n\n<p>This really should be one of the first steps you take in a project. By doing this simple task, you will save yourself from a lot of IE6 headaches.<\/p>\n\n<p>Sure, this only works for IE6 users who have JavaScript enabled. But honestly, is there anyone who is using IE6 who actually turns off JavaScript? If they do turn off JavaScript, it may just break some presentation layer things, but the site should still be perfectly usable.<\/p>","4":{"website":{}}}}