Как сделать такой шаблон?

Question

[Deman1]

Мне нужно сделать такой шаблон

У меня получилось только верхнию шапку сделать, а как сделать панель с кнопками и основную для контента и подвал я не понимаю(( помогите пожалуйста, вот что у меня пока что вышло https://codepen.io/anon/pen/wRKMwy.

Comments

[Дархан]

https://www.youtube.com/watch?v=pqYyqKfbM6c

[Владислав Лысков]

что из этой структуры "панель с кнопками"?
у вас сверстан просто прямоугольник, мб стоит начать с основ?

Answer 1

[dicem]

Answer 2

[arasome]

Кроссбраузерно

.header-wrap {
    width: 100%;
    height: 100px;
}
.footer-wrap {
    width: 100%;
    height: 50px;    
}
.container {
    display: table;
}
.container > .sidebar,
.container > .content {
    vertical-align: top;
    display: table-cell;    
}
.container > .sidebar{
    width: 30%;
}
.container > .content{
    width: 70%;
}

<div class="header-wrap"></div>
<div class="container">
    <div class="sidebar"></div>
    <div class="content"></div>
</div>
<div class="footer-wrap"></div>