Блок высотой 100% с фиксированными отступами?

Простите если не правильно вас понял... Я сонный :)

<style type="text/css" media="all">

<!--

.head{

background-color:#666666;

height:100px}

.content{

}

.footer{

background-color:#666666;

height:100px}

-->

</style>



<div class="head"></div>

<div class="content">

Тут ваш контент

</div>

<div class="footer"></div>

Это имеете ввиду? Просто немного не понял " Контент со скроллом ", то есть середина должна быть тоже фиксированой? Или середина должна раздвигаться "контентом"? Если второе, то я вам дал пример.

ловите http://habrahabr.ru/blogs/webdev/28521/ , у самого такая проблемма была

В том-то и дело, что высота блока с отступами и контентом всегда равна 100%. Контент должен скролиться.

Т.е. высота середины должна быть равна (100% - 200px). Как реализовать - не пойму :(

kil добавил 18.12.2008 в 05:06

К содалжению, это не совсем то :(

если я правильно понял вопрос, то код ниже рабочий – проверено в лисе, опере и ие.

код css файла

html, body {

height: 100%;

}



body {

padding: 0;

margin: 0 auto;

}



html>body .external {

height: auto;

}



.external {

position: relative;

width: 100%;

height: 100%;

min-height: 100%;

padding: 0;

}



.content {

position: relative;

padding-top: 100px;

padding-bottom: 100px;

width: 900px;

left: 50%; /* центруем */

margin-left: -450px; /* центруем */

border: none;

}



.header {

background: #555555;

position: absolute;

top: 0;

padding: 0;

margin: 0 auto;

width: 100%;

height: 100px;

border: none;

}

.footer {

background: #555555;

position: absolute;

bottom: 0;

padding: 0;

margin: 0 auto;

clear: both;

width: 100%;

height: 100px;

border: none;

}

код body

<div class="external">



	<div class="content">

         content

       </div>



	<div class="header">

         header

       </div>



	<div class="footer">

         footer

	</div>

</div>

если центрирование content блока не нужно, то след. строки убрать из него

width: 900px;

left: 50%; /* центруем */

margin-left: -450px; /* центруем */

и прописать эти строки

width: 100%;

margin: 0 auto;

а чего сложного? Сделать низ, верх или контент блок?

Чтобы был скролл

overflow:scroll;

http://www.cssplay.co.uk/layouts/fixit.html

Тут смотрите код, и что да как организовано.

К сожалению, это не совсем то. Блок с контентом должен быть растянут на всю высоту, т.е. иметь высоту 100%-200px

kil добавил 18.12.2008 в 13:06

overflow:scroll;

Не получается создать блок со 100% высотой, имеющий при этом отступы сверху и снизу.

kil, попробуйте изменить DOCTYPE

Огромное спасибо!!! Про fixed я и позабыл :)

kil добавил 18.12.2008 в 13:20

Не, доктайп менять тут не поможет.