Растянуть div на 100% от предка

zeroed · 25.03.2009, 01:09

Помогите, 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>

Вопрос: как сделать так, чтобы center занимал все белое пространство?

MAX1927 · 25.03.2009, 01:39

Попробуйте посмотреть в ИЕ, там все пашет

zeroed · 25.03.2009, 02:13

Цитата:

Сообщение от MAX1927


	Попробуйте посмотреть в ИЕ, там все пашет

ie8 не пашет

kovryga · 09.04.2009, 11:33

а что так можно задавать?

margin: 0 auto -30px;

думал, что или 1, 2 или 4 параметра д.б.

zeroed · 09.04.2009, 17:50

Цитата:

Сообщение от kovryga


	а что так можно задавать? margin: 0 auto -30px; думал, что или 1, 2 или 4 параметра д.б.

1 Отступы будут установлены одновременно от каждого края элемента.
2 Первое значение устанавливает отступ от верхнего и нижнего края, второе — от левого и правого.
3 Первое значение задает отступ от верхнего края, второе — одновременно от левого и правого края, а третье — от нижнего края.
4 Поочередно устанавливается отступ от верхнего, правого, нижнего и левого края.

raycheel · 05.12.2010, 08:08

Я так и не понял как это сделать????

25.03.2009, 01:39	#2
MAX1927 Неактивный пользователь Регистрация: 06.05.2008 Сообщений: 6 Репутация: 0	Re: Растянуть div на 100% от предка Попробуйте посмотреть в ИЕ, там все пашет

09.04.2009, 11:33	#4
kovryga Неактивный пользователь Пол: Регистрация: 30.11.2007 Сообщений: 5 Репутация: 0	Re: Растянуть div на 100% от предка а что так можно задавать? margin: 0 auto -30px; думал, что или 1, 2 или 4 параметра д.б.

05.12.2010, 08:08	#6
raycheel Неактивный пользователь Регистрация: 05.12.2010 Сообщений: 4 Репутация: 1	Re: Растянуть div на 100% от предка Я так и не понял как это сделать????

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как растянуть флеш во весь экран	yureasyk	Macromedia Flash	18	12.05.2010 16:09
Как растянуть холст?	hozman	Вeб Дизайн	1	22.02.2010 12:06