Internet Explorer 6 does not render certain CSS code!
Psycs - November 6, 2009 - 16:12
I am working on the site http://acunalegal.com and using the theme Magazeen (http://drupal.org/project/magazeen) with some customizations.
Anyways, the homepage and other pages such as http://acunalegal.com/node/17 display not well at all with that theme. However, other themes do not have this problem (such as Four Seasons).
The problem is basically with this kind of css code:
#main
.fourth {width:106px; float: left; margin-right:20px; }
.second_fourth { width:584px; float: left; margin-right:10px; }
.third_fourth { width:166px; float: right; }This elements are not rendered by IE6.
Does anyone know of a theme-independent workaround? Is it something I am doing wrong?
I'll also open an issue report on the project's page (Edit: Report at http://drupal.org/node/625412).
Thanks!
In the .info file of your
In the .info file of your theme you need to declare an new ie6 stylesheet
core = 6.x
engine = phptemplate
stylesheets[all][] = ie6.css
Now in your page.tpl.php, put this code in the head section
<!--[if lte IE 6]><link rel="stylesheet" href="<?php print $base_path . $directory; ?>/ie6.css" type="text/css">
<![endif]-->
Now create a file called ie6.css in your theme's base folder and make any adjustments to elements that are not displaying correctly.
Waffles has a great example of this if you need more visual assistance.
Tim Piche
recently designed sites:
www.cccr.ca
www.drnina.com
www.nacecare.com
www.haltonhockeyacademy.ca