Problems with 3 col layout.

[rutledj]

OK. Did some poking around at these sites ya'll listed. Found one (www.csscreator.com) that produced the code I'm currently using. It works as far as resizing goes but the 3 columns don't extend down the total height of the page.

Could someone look at this and see if they can see the problem? (www.cooltoneamps.com)

Thanks,
Rut


css code:


html,body{
margin:0;
padding:0;
}

#pagewidth {
background-color: #900000;
max-width:80;
min_width:40;
}


#header {
background-color: #900000;
position: relative;
height: 11em;
width: 100%;
}

#leftcol {
background-color: #900000;
float: left;
position: relative;
height: 100%;
}

#twocols {
float: right;
position: relative;
width: 85%;
}

#rightcol {
background-color: #900000;
float: right;
position: relative;
width: 18%;
}
#maincol {
float: left;

display::inline;
position: relative;
width: 82%;
background-color: #FFFFFF;
background-image: url(churchbuilding.jpg);
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{display: inline-table;}

/* Hides from ID-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}

#leftcol{display:none;}

[LiLcRaZyFuZzY]

pretty empty isn't it?
you really should put the content first

and check it in firefox, because even with no content at all, there already are big differences between FF and Internet Explorer

[ava]

Looks to me like you need to set the table height to 100% (not the columns but the actual table). Try adding

table {
height: 100%
}

[LiLcRaZyFuZzY]

there is no table on the page!

[Sylvain]

or is it a miscopy thing?
see display::inline

[rutledj]

pretty empty isn't it?
you really should put the content first

and check it in firefox, because even with no content at all, there already are big differences between FF and Internet Explorer


I get the same behavior in FF. The center col actually contains a picture. I'm not using tables (don't mean to be anyway.