WEB странница состоит из трех элементов
I - верхняя панель <div> прижатая к потолку страницы (style="position:absolute; top:0px;")
II - нижняя панель <div> прижатая к низу страницы (style="position:absolute; bottom:0px;")
III - <div name="content" style="overflow-y: scroll;"> с контентом который находится между верхней и нижней панелью
Как растянуть <div name="content"> четко между верхней и нижней панелью?
!Высота верхней панели может меняться в зависимоти от содержимого этой панели
1. shurik_7866 - 09 Марта, 2016 - 08:45:34 - перейти к сообщению
2. DelphinPRO - 09 Марта, 2016 - 11:00:59 - перейти к сообщению
https://jsfiddle[dot]net/dm0Lb2v7/
(Добавление)
ну или так https://jsfiddle[dot]net/dm0Lb2v7/1/
без всяких абсолютов, все блоки резиновые, зависят от контента.
(Добавление)
ну или так https://jsfiddle[dot]net/dm0Lb2v7/1/
без всяких абсолютов, все блоки резиновые, зависят от контента.
3. shurik_7866 - 09 Марта, 2016 - 23:29:18 - перейти к сообщению
DelphinPRO пишет:
без всяких абсолютов, все блоки резиновые, зависят от контента.
Спасибо, работает.
4. lamokk - 16 Марта, 2016 - 13:51:33 - перейти к сообщению
DelphinPRO пишет:
https://jsfiddle[dot]net/dm0Lb2v7/
(Добавление)
ну или так https://jsfiddle[dot]net/dm0Lb2v7/1/
без всяких абсолютов, все блоки резиновые, зависят от контента.
(Добавление)
ну или так https://jsfiddle[dot]net/dm0Lb2v7/1/
без всяких абсолютов, все блоки резиновые, зависят от контента.
Вот если сделать ширину и по центру страницы в центральный блок загнать длинный текст дизайн начинает плясать.
Почему?