Правила Форума редакция от 22.06.2020 |
|
|
|
|
|
Опции темы | Опции просмотра | Language |
25.03.2009, 00:09 | #1 |
Растянуть div на 100% от предка
Помогите, css ninja..
Каскадные стили съели мой моск.. уже неделю бьюсь. Вот довольно таки известный способ сделать footer: Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> * { margin: 0; padding: 0; } html { height: 100%; } body { height: 100%; } #wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -30px; /* нижний margin является отрицательной величиной высоты footer */ } #footer, #push { height: 30px; /* .push должен быть той же высоты, что и .footer */ } #footer { background-color: #F27500; } #up { height: 100px; background-color: #70A6FF; } #center { background-color: #9DC400; height:100%; } </style> <title>template</title> </head> <body> <div id="wrapper"> <div id="up"> Hello, up </div> <div id="center"> Hello, center </div> <div id="push"></div> </div> <!-- end of wrapper --> <div id="footer"> Hello, footer </div> </body> </html> |
|
Реклама: | Рекомендуем супермаркет KNS - SW-61621 300W - более 50-ти тысяч наименований товаров со склада в Москве | виброполировальная машина троваль купить в спб недорого | w24 band участники | теплоход ярославль мышкин | керамогранит плитка |
25.03.2009, 00:39 | #2 |
Неактивный пользователь
Регистрация: 06.05.2008
Сообщений: 6
Репутация: 0
|
Re: Растянуть div на 100% от предка
Попробуйте посмотреть в ИЕ, там все пашет
|
25.03.2009, 01:13 | #3 |
Re: Растянуть div на 100% от предка
|
|
09.04.2009, 11:33 | #4 |
Неактивный пользователь
Пол: Регистрация: 30.11.2007
Сообщений: 5
Репутация: 0
|
Re: Растянуть div на 100% от предка
а что так можно задавать?
margin: 0 auto -30px; думал, что или 1, 2 или 4 параметра д.б. |
09.04.2009, 17:50 | #5 | |||||||||||||||||||||||
Re: Растянуть div на 100% от предка
1 Отступы будут установлены одновременно от каждого края элемента. 2 Первое значение устанавливает отступ от верхнего и нижнего края, второе — от левого и правого. 3 Первое значение задает отступ от верхнего края, второе — одновременно от левого и правого края, а третье — от нижнего края. 4 Поочередно устанавливается отступ от верхнего, правого, нижнего и левого края. |
||||||||||||||||||||||||
05.12.2010, 07:08 | #6 |
Неактивный пользователь
Регистрация: 05.12.2010
Сообщений: 4
Репутация: 1
|
Re: Растянуть div на 100% от предка
Я так и не понял как это сделать????
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Как растянуть флеш во весь экран | yureasyk | Macromedia Flash | 18 | 12.05.2010 16:09 |
Как растянуть холст? | hozman | Вeб Дизайн | 1 | 22.02.2010 11:06 |
|
|