Body text and sidebars incorrectly displayed in IE6

to fix this, I changed the template.php file and the styles.css file.

template.php where it has:

function aboutpeople_width($left, $right) {
$width = 575;

change to

function aboutpeople_width($left, $right) {
$width = 560;

styles.css where it has:

.lsidebar {
width: 185px;
float: left;
margin-top:-10px;
margin-right:0px;
margin-bottom:0px;
margin-left:15px;
}
.rsidebar {
width: 185px;
float: left;
margin-top:-10px;
margin-right:0px;
margin-bottom:0px;
margin-left:15px;
}

change the width to 180px for both.

Here is another solution that worked for us after the above idea didn't fix it. I hope this can save someone some hours of frustration.

in the ie6.css:

1: added "display:inline" to the floated column divs with margins because ie6 tends to double the margins for floated divs(!)

2. added "overflow:hidden" to the same divs so that if there was some piece of content wider than the div it would get cut off instead of pushing the div wider. When I saw a test with background colors behind the blocks I realized that this was the problem, but the margin was probably another problem that was happening at the same time.

very cool. learn something new everyday. i like that
thanks
idcm

markmainsail... Can you explain your fix a bit more... I tried the others and it didnt work... But in my ie6.css I dont understand what you mean in regards to the "divs"

In my ie6.css I only have:

/*
//author: slasant - www.slasant.ru
 */
#utilities form{bottom:7px;}
#utilities input.form-submit{padding:0px;}	
#utilities input.form-text {padding:1px 1px 3px 1px;}

div.admin .left {
  _margin-left:0.2em;
}

.item-list .pager li{
margin:0px 1px 0 1px;
}

.item-list .pager li.pager-current{
padding:2px 2px 3px 4px;
}

.lsidebar{

margin-left:15px;
margin-right:0px;
}

.rsidebar{

margin-left:13px;
margin-right:0px;
}
	
.wrapper{margin:14px 13px 13px 13px;}
#header-region  {
	clear: both;

What part is the part that your talking about?

Thanks

try adding here:

.rsidebar {

display:inline;
overflow:hidden;

here's more detail that may help since we made a number of changes. This was the before:

/*
//author: slasant - www.slasant.ru
*/

#utilities form{bottom:7px;}
#utilities input.form-submit{padding:0px;}
#utilities input.form-text {padding:1px 1px 3px 1px;}

div.admin .left {
_margin-left:0.2em;
}

.item-list .pager li{
margin:0px 1px 0 1px;
}

.item-list .pager li.pager-current{
padding:2px 2px 3px 4px;
}

.lsidebar {
width: 180px;
float: left;
margin:7px 9px 0 8px;
}
.rsidebar {
width: 180px;
float: left;
margin:7px 6px 0 7px;
}

.wrapper{margin:0px;}
#primary{margin:17px 8px 0 4px;}
/*login line*/
#login {
right: 133px;
}

and this was the after:

/*
//author: slasant - www.slasant.ru
*/

#utilities form{bottom:7px;}
#utilities input.form-submit{padding:0px;}
#utilities input.form-text {padding:1px 1px 3px 1px;}

div.admin .left {
_margin-left:0.2em;
}

.item-list .pager li{
margin:0px 1px 0 1px;
}

.item-list .pager li.pager-current{
padding:2px 2px 3px 4px;
}

.lsidebar {
width: 185px;
float: left;
margin:0px 0px 0 0px;
}
.rsidebar {
width: 185px;
float: right;
margin:0px 0px 0 0px;
display:inline;
overflow:hidden;
}

.wrapper
{margin:0px;
}
#primary{
margin:17px 8px 0 4px;
display:inline;
overflow:hidden;
}

/*login line*/
#login {
right: 133px;
}

Thanks. That looks like it fixed it.

Cheers