Web design and development in London and Surrey » conditional comments http://zorinweb.com Just another Web design and development weblog Fri, 13 Jan 2012 14:56:03 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Fixing Internet Explorer CSS Problems with Conditional Comments http://zorinweb.com/2009/12/fixing-internet-explorer-css-problems-with-conditional-comments/ http://zorinweb.com/2009/12/fixing-internet-explorer-css-problems-with-conditional-comments/#comments Thu, 17 Dec 2009 16:13:15 +0000 ZorinWeb http://zorinweb.com/?p=93 You’ve developed a site using W3C best practices; it validates, the markup’s semantic or as clean as possible, and looks great in Firefox. The problem is, Internet Explorer doesn’t quite see it as the designer intended. The CSS is out and in need of a few hacks; but there’s a better, more effecient and tidier solution – conditional comments.

<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="css/ie.css" media="screen" />
<![endif]-->

The above piece of code targets selects all IE versions less than or equal to 7, and is Microsoft’s recommended method for aiming CSS as one of its browsers.  Include all the problematic CSS in stylesheet ‘ie.css’ and leave the conditional comment below the main stylesheet. Try this rather than resorting to a hack, or giving up entirely and whacking a table in.

]]> http://zorinweb.com/2009/12/fixing-internet-explorer-css-problems-with-conditional-comments/feed/ 0