DIV stretch to height 100% in a table cell

Question

I have following layout:

4 rounded corners background and two panels (left panel and right panel) inside it.

Currently I implement the layout as follows:

Answer 1

I have used jquery and the animate call to set heights of divs, but you can set the animate speed to 0.

The example belows was for some mockups for quickly playing around with 2,3,5... block designs. The Jquery animate call is used to size the height of divs for main content, sidebar etc, ... but this may be a bit over the top for your requirement.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Mock_2_ColGoldenRatio.aspx.cs" Inherits="ia._HtmlMocks.Mock_2_ColGoldenRatio" %>





    

    


    

    The quick brown fo jumped over the lazy dog. 
    

    HeaderEnc
        
SearchEnc
        
        
MainBlogNav
        
    
 

    

        
ContentMainEnc : 
            <% Response.Write( GetContentBig()) ; %>
        
 

        
ContentSideBarA 
            <% Response.Write( GetContentSmall()) ; %>
        
 

        
ContentSideBarB
            <% /*Response.Write( GetContentMedium()) ;*/ %>
        

        ContentEnc-Start
        

        

        

        

        ContentEnc-Start
    
    
FooterEnc