HTML page with a standard header footer layout without using table tag

Question

How can I attain whats shown in the image without using tables? I want the layout

Answer 1

Use the position: fixed (ALL) along with top: 0px; (top div) , right: 0px; (right div), left: 0px; (left div), bottom: 0px; (bottom div)

Fixed Positions should help in your case

EDIT: here is the code working:

    

        

            Header
        
        

            

                left
            
            

                content
            
            

                right
            
        
        

            Footer