powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать слой с "резиновой" высотой
5 сообщений из 5, страница 1 из 1
Как сделать слой с "резиновой" высотой
    #39115008
Alexey Agafonov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Всем привет. Как сделать слой, чтобы он отступал сверху и снизу страницы на указанное число пикселей, а между этими отступами занимал все место. Т.е. подстраивался под размеры окна. С учетом того, что у окна можно будет менять размеры.
Спасибо
...
Рейтинг: 0 / 0
Как сделать слой с "резиновой" высотой
    #39115018
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: css
1.
div {position:absolute;top:100px;bottom:100px}
...
Рейтинг: 0 / 0
Как сделать слой с "резиновой" высотой
    #39115024
Alexey Agafonov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Antonariy, спасибо, забыл сказать, что position не absolute. )
...
Рейтинг: 0 / 0
Как сделать слой с "резиновой" высотой
    #39115032
Alexander A. Sak
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
body -- высота 100%, паддинги сверху/снизу,
div -- высота 100%.
правила определения размера подкрутить с помощью box-sizing.

Как-то так. Я теоретик.
...
Рейтинг: 0 / 0
Как сделать слой с "резиновой" высотой
    #39115034
Alexey Agafonov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Alexey AgafonovAntonariy, спасибо, забыл сказать, что position не absolute. )
Все же помог этот ответ. Абсолютное позиционирование сработало. Спасибо.
...
Рейтинг: 0 / 0
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать слой с "резиновой" высотой
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]