cuce
msg:3040594 | 11:27 pm on Aug 9, 2006 (gmt 0) |
contain your columns in one container which would have a repeating background image which would give the illusion of the borders, and line an image at the top and bottom to show the top and bottom of the boxes. You'll also have to contain 2 of the columns in its own container and make sure you clear your floats. like this: css:
#content{width:800px;}
#firstandsecond{width:400px;float:left;}
#first{width:180px;float:left;}
#second{width:180px;float:right;}
#third{width:180px;float:right;}
.clear{clear:both;} html
<div id="content">
<div id="firstandsecond">
<div id="first">first column</div>
<div id="second">second column</div>
<div class="clear"></div>
</div>
<div id="third">third column</div>
<div class="clear"></div>
</div>
|
offline
msg:3043711 | 9:16 am on Aug 12, 2006 (gmt 0) |
You can try to add this css code to every column padding-bottom:32767px;
margin-bottom:-32767px;
|
henry0
msg:3043764 | 12:12 pm on Aug 12, 2006 (gmt 0) |
offline, what is the idea driving your suggestion
I do not understand (I am not a CSS guru) how one negating the other expends any col to match the longest one or helps to be 100% height?
|
offline
msg:3044058 | 6:37 pm on Aug 12, 2006 (gmt 0) |
It will not be 100% height, but all columns heights will be equal
|
blip
msg:3045088 | 11:46 pm on Aug 13, 2006 (gmt 0) |
What about using a table? Then each of the columns would automatically be the same, as the column with the most content, will naturally drive the height of the other two columns.
|
|
