Фиксированный заголовок + Фиксированная правая навигация + Область содержимого жидкости

Question

Я хотел бы создать макет, где заголовок и правая боковая навигация зафиксированы и область содержимого является жидкой.

Я приложил снимок экрана, чтобы лучше объяснить это.

Если это возможно, я бы очень признателен за помощь.

Спасибо

Answer 1

Попробуйте:

* {margin: 0; padding: 0;};

.wrap {width: 980px; margin: auto;}
header {width: 100%; height: 200px; float: left;}
#content {width: 100%; padding: 0 0 0 150px; min-height: 500px;}
aside {width: 150px; min-height: 100%; height: auto; float: left; margin-left: 150px;}

<div class="wrap">
<header>
</header>
<div id="content">
<aside>
</aside>
</div>
</div>

Это даст вам то, что вы хотите.Это для HTML5, хотя просто измените (заголовок и в сторону) теги div.