Hi guys,
I'm pretty sure I know what the problem is, I'm just having trouble fixing
it. I've played around with the numbers a bit, but I can't seem to get
things to stack up properly.
I'm using the 'One True Layout' mentod to lay out the three main columns of
the page. The problem I am having is in the right-most column when the ad
banner in there is the large one. I'm pretty sure that the problem is to do
with the differences between the IE box model and the real one. Here is the
CSS that controls the size and order of the three columns:
/***********************/
/* Content */
/***********************/
#content {
float: left;
width: 528px;
margin-left: 170px;
padding-bottom: 10px;
background-color: #FFFFFF;
}
/************************/
/* Infobase */
/************************/
#ibase {
float: left;
width: 170px;
margin-left: -698px;
border: 1px #FFFFFF solid;
border-bottom: none;
text-align: left;
font-size: .8em;
}
/***********************/
/* Teasers */
/***********************/
#teasers {
float: left;
width: 300px;
margin: 0;
border: 1px #FFFFFF solid;
border-bottom: none;
}
Everything inside #teasers has 0 side padding and side margins, but there is
that 1px border around it. When the ads showing up are the set of three
skinny ones, everything is fine. When the single large (300px wide) ad
appears, that column drops down underneath everything else.
I'm not entirely sure how coherent I've been here, but I'm not sure how to
express it any better. You can see the problem at:
http://staging.renovate.com.au - you might have to refresh a couple of
times until you get the wide ad.
If anyone can suggest how I need to change the widths of my columns to make
it all stay sitting nicely, it would be greatly appreciated.
Cheers,
Seona.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
