OK. Did some poking around at these sites ya'll listed. Found one (<!-- w --><a class="postlink" href="http://www.csscreator.com">www.csscreator.com</a><!-- w -->) 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? (<!-- w --><a class="postlink" href="http://www.cooltoneamps.com">www.cooltoneamps.com</a><!-- w -->)
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;}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 ExplorerLooks to me like you need to set the table height to 100% (not the columns but the actual table). Try adding
table {
height: 100%
}there is no table on the page!or is it a miscopy thing?
see display::inlinepretty 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.
Could someone look at this and see if they can see the problem? (<!-- w --><a class="postlink" href="http://www.cooltoneamps.com">www.cooltoneamps.com</a><!-- w -->)
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;}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 ExplorerLooks to me like you need to set the table height to 100% (not the columns but the actual table). Try adding
table {
height: 100%
}there is no table on the page!or is it a miscopy thing?
see display::inlinepretty 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.