Forum Moderators: open
Hopefully someone can make sense of what I just said..
Thanks in advance,
Jay
A better forum might be the J&A Forum [webmasterworld.com] or the PHP Forum [webmasterworld.com].
There's definitely ways to do it. Don't do multiple versions of the site. I've done that.
You can also use IE Conditional Comments [msdn2.microsoft.com] to load in an override CSS file. The chances are good you only need to tweak a few classes for IE, so the override file can take care of that. I do it all the time. I hate having to do it, as I consider hacks like that to be, well, hacks. However, in the real world, I must do it; especially if I want to get fancy in my presentation.
<!--[if lte IE 6]>
<style type="text/css">
/* <![CDATA[ */
img#header_shadow {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="wp-content/themes/sasna/theme_images/logo_bottom.png");
right: 35px;
}
/* ]]> */
</style>
<![endif]-->
In this case, I'm using it to display a PNG file. Simply add any HTML you want in the comments. It can be a <script>, a <style>, a <link>, whatever.
<link rel="stylesheet" type="text/css" href="/stylesheet.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="/stylesheet-for-IE6.css" />
<![endif]-->lte IE 6[edit...]
sorry, we must have been writing our posts at the same time. didn't see the last one!
<head profile="http://gmpg.org/xfn/11">
<title>Avalon Architecture and Planning LLC</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--[if lte IE 6]>
<link rel="stylesheet" href="iestyle.css" type="text/css" media="screen" />
<![endif]-->
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="en-gb" />
<meta http-equiv="imagetoolbar" content="false" />
<meta name="author" content="Reaper" />
<meta name="copyright" content="Copyright (c) Avalon Architecture 2007" />
<meta name="description" content="The leading architecture firm located in Vancouver, WA" />
<meta name="keywords" content="architecture planning building construction blueprints blueprint plan plans construct architect architects drawing drafting CAD Autocad autodesk" />
<meta name="last-modified" content="Thursday, 26 July 2007 11:08AM PST" />
<meta name="mssmarttagspreventparsing" content="true" />
<meta name="robots" content="index, follow, noarchive" />
<meta name="revisit-after" content="7 days" />
</head>
but remember that it doesn't REPLACE the original stylesheet - it is extra to it. so all your original styles are still in play. it sometimes helps to put
!importanttry doing something like this in your IE stylesheet, just to see if it is working...
body { background: red !important; }
/* body */
body {
background:red!important;
color:#666;
font:0.75em/100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
line-height:1.4em;
}
Re-cleared cache, everything. Still doesn't work.
[edited by: WombatReaper at 9:28 pm (utc) on Aug. 6, 2007]
