Установите минимальную высоту для контейнера содержимого
В этом случае я нене вижу решения. Вот моя проблема: я
На странице с тремя разделами (верхний, нижний и нижний колонтитулы) нижний колонтитул должен постоянно находиться внизу. И часть раздела должна занимать все доступное место между верхним и нижним колонтитулами, но должна иметь минимальную высоту, которая отличается в зависимости от страницы (яЯ установлю это вручную на CSS).
Когда минимальная высота достигнута, должна быть доступна прокрутка на всей странице.
Вот пример кода, который яm, чтобы установить мой верхний и нижний колонтитулы, занимая все доступное место.
CSS
body {
margin: 0
}
header, section, footer {
left:0;
right:0;
overflow: hidden;
position: absolute;
}
header {
height: 70px;
top: 0;
background-color: green;
}
section {
top: 70px;
bottom: 195px;
background-color: gray;
min-height:300px;
}
article {
overflow: hidden;
background-color:lightyellow;
}
.news {
position: absolute;
bottom: -30px;
width: 100%;
background-color: lime;
}
footer {
height: 195px;
bottom: 0;
background-color: pink;
}
HTML
My header
<a href="#">UP</a>
News 1
News 2
My footer
Jsfiddle доступен для примера:http://jsfiddle.net/Nk6uY/
редактировать
Как я могу добавить минимальную высоту в моем разделе, когда этоя достиг прокрутки на своих окнах?
Редактировать 2
Я добавлю больше информации о моей проблеме. Во-первых, в основном мой контент внутри тега section будет установлен в абсолют. и немного спрятаться и появляться на действиях (в основном, JavaScript). По этой причине я знаю для каждого раздела, какая минимальная высота мне нужна, чтобы увидеть весь мой контент, если кто-то нажмет на ссылки.
В моем примере новости div скрыты, и при нажатии на них потребуется не менее 360 пикселей для отображения. Но если мои окна меньше, чем это, я нена окнах нет свитков, а весь мой контент покрыт нижним колонтитулом.