Hi, I'm trying to change my site to use divs for layout instead of tables. I'm having an issue with the side bar. Basicly I've got a header, side bar, content, footer. Ex:
<table>
<tr>
<td colspan="2">Header</td>
</tr>
<tr>
<td width="180">Side Bar</td>
<td>Content</td>
</tr>
<tr>
<td colspan="2">Footer</td>
</tr>
</table>
Now, when either the side bar or content get longer than the other, each cell expands downward with it. With CSS I can't get it to do this. I've tried several things like nesed the two divs (side bar & content) in another div. Then set each div to a height of 100%. That didn't work. I know someone has to have done this so any help would be great. If you need me to explain this better let me know. Thanks!Maybe one of these will give you the hints you need.
<!-- m --><a class="postlink" href="http://css-discuss.incutio.com/?page=ThreeColumnLayoutsGood">http://css-discuss.incutio.com/?page=Th ... ayoutsGood</a><!-- m --> articles, a couple of those examples were just what I was looking for. Thanks!
<table>
<tr>
<td colspan="2">Header</td>
</tr>
<tr>
<td width="180">Side Bar</td>
<td>Content</td>
</tr>
<tr>
<td colspan="2">Footer</td>
</tr>
</table>
Now, when either the side bar or content get longer than the other, each cell expands downward with it. With CSS I can't get it to do this. I've tried several things like nesed the two divs (side bar & content) in another div. Then set each div to a height of 100%. That didn't work. I know someone has to have done this so any help would be great. If you need me to explain this better let me know. Thanks!Maybe one of these will give you the hints you need.
<!-- m --><a class="postlink" href="http://css-discuss.incutio.com/?page=ThreeColumnLayoutsGood">http://css-discuss.incutio.com/?page=Th ... ayoutsGood</a><!-- m --> articles, a couple of those examples were just what I was looking for. Thanks!