FIX: Issues in IE6 when removing one of the sidebars

[Minkus]

Hi,

People may be experiencing problems when removing all the modules from either the left or the right of the page, where IE6 no longer displays the page correctly (if you remove the left hand modules, the right hand modules appear at the bottom of the page, and if you remove the right hand modules, the page content is shifted below the left hand modules).

To fix the issue:

Edit templates\axe_rescheek_(colour)\index.php

Change the following code:

 <?php if($this->countModules('right and left') <= 0) :?>
<!--[if IE 6]>
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/ie6/collapseie6.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/collapse.css" type="text/css" />
<?php endif; ?> 
<?php if($this->countModules('right or left') <= 0) :?>
<!--[if IE 6]>
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/ie6/collapse2ie6.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/collapse2.css" type="text/css" />
<?php endif; ?>  

to read like this instead:

 <?php if($this->countModules('right and left') <= 0) :?>
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/collapse.css" type="text/css" />
<!--[if IE 6]>
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/ie6/collapseie6.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
<?php endif; ?> 
<?php if($this->countModules('right or left') <= 0) :?>
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/collapse2.css" type="text/css" />
<!--[if IE 6]>
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/ie6/collapse2ie6.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
<?php endif; ?>  

(All that I have changed is to move the conditional <!--[if IE 6]> comments downwards so that they are below collapse.css and collapse2.css, instead of above them)

It seems as if this was the original intention of the template (for these two CSS files to override the main ones when running under IE6), but they were ordered incorrectly, and I guess it just never got picked up.

I have tested these changes on our site (http://www.crgs.co.uk/) and it seems to do the job. Perhaps the template could be updated to fix this in future?

One more thing - if you are still having issues with content not appearing correctly in IE6, make sure that none of your content modules are set to have a CSS width greater than 510 pixels (with both sidebars), or 720 pixels (with just one sidebar), as this will cause the same overflow issues in IE6.