Компьютерный форум NoWa.cc Здесь может быть Ваша реклама
Правила Форума
редакция от 22.06.2020
Портал .::2BakSa.WS::.
Вернуться   Компьютерный форум NoWa.cc > В помощь вебмастеру > Вeб Дизайн > CSS

Уважаемые пользователи nowa.cc и 2baksa.ws. У нас сложилось тяжёлое финансовое положение. Мы работаем для вас вот уже более 15 лет и сейчас вынуждены просить о помощи. Окажите посильную поддержку проектам. Мы очень надеемся на вас. Реквизиты для переводов ниже.
Webmoney Webmoney WMZ: 826074280762 Webmoney WME: 804621616710
PayPal PayPal_Email E-mail для связи по вопросу помощи
Кошелёк для вашей помощи YooMoney 4100117770549562
YooMoney Спасибо за поддержку!
Ответ
 
Опции темы Опции просмотра Language
Старый 25.03.2009, 01:09   #1
Неактивный пользователь
 
Аватар для zeroed
 
Пол:Мужской
Регистрация: 26.06.2007
Адрес: Москва
Сообщений: 42
Репутация: 3
По умолчанию Растянуть 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>
Вопрос: как сделать так, чтобы center занимал все белое пространство?
zeroed вне форума
 
Ответить с цитированием Вверх
Здесь может быть Ваша реклама
Здесь может быть Ваша реклама


Реклама: 100 дел которые нужно сделать в зомби апокалипсискино такси 4shuft sre-e 7.0-tкупить кровать железную двуспальную металлический каркасспектакль дневник старого мастера


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

Попробуйте посмотреть в ИЕ, там все пашет
MAX1927 вне форума
 
Ответить с цитированием Вверх
Старый 25.03.2009, 02:13   #3
zeroed
Неактивный пользователь
 
Аватар для zeroed
 
Пол:Мужской
Регистрация: 26.06.2007
Адрес: Москва
Сообщений: 42
Репутация: 3
По умолчанию Re: Растянуть div на 100% от предка

Цитата:
Сообщение от MAX1927 Посмотреть сообщение
Попробуйте посмотреть в ИЕ, там все пашет

ie8 не пашет
zeroed вне форума
 
Ответить с цитированием Вверх
Старый 09.04.2009, 12:33   #4
kovryga
Неактивный пользователь
 
Пол:Мужской
Регистрация: 30.11.2007
Сообщений: 5
Репутация: 0
По умолчанию Re: Растянуть div на 100% от предка

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

margin: 0 auto -30px;

думал, что или 1, 2 или 4 параметра д.б.
kovryga вне форума
 
Ответить с цитированием Вверх
Старый 09.04.2009, 18:50   #5
zeroed
Неактивный пользователь
 
Аватар для zeroed
 
Пол:Мужской
Регистрация: 26.06.2007
Адрес: Москва
Сообщений: 42
Репутация: 3
По умолчанию Re: Растянуть div на 100% от предка

Цитата:
Сообщение от kovryga Посмотреть сообщение
а что так можно задавать?

margin: 0 auto -30px;

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

1 Отступы будут установлены одновременно от каждого края элемента.
2 Первое значение устанавливает отступ от верхнего и нижнего края, второе — от левого и правого.
3 Первое значение задает отступ от верхнего края, второе — одновременно от левого и правого края, а третье — от нижнего края.
4 Поочередно устанавливается отступ от верхнего, правого, нижнего и левого края.
zeroed вне форума
 
Ответить с цитированием Вверх
Старый 05.12.2010, 08:08   #6
raycheel
Неактивный пользователь
 
Регистрация: 05.12.2010
Сообщений: 4
Репутация: 1
По умолчанию Re: Растянуть div на 100% от предка

Я так и не понял как это сделать????
raycheel вне форума
 
Ответить с цитированием Вверх
Ответ

Опции темы
Опции просмотра

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

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 13:26. Часовой пояс GMT +3.


Copyright ©2004 - 2024 2BakSa.WS

Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2024, vBulletin Solutions, Inc. Перевод: zCarot
Время генерации страницы 0.14560 секунды с 11 запросами