How to make a page with header and left-sidebar?

Question

I\'d like to make a webpage like this:

|----------------------------|
|            header          |
|----------------------------|
|  L  |                           


        

Answer 1

You can also use display : table and display : table-cell to create a page that holds a table-level element with 2 table-cells (sidebar & content area)

    

    



#outer-container {
    display: table;
    width: 100%;
    height: 100%;
}

#sidebar {
    display: table-cell;
    width: 15%;
    vertical-align: top;
}

#content {
    display: table-cell;
    width: 85%;
    vertical-align: top;
}

A tutorial with a demo here : http://usefulangle.com/post/61/html-page-with-left-sidebar-main-content-with-css