X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Отцентрировать футер прибитый к низу
CandyDandy
CandyDandy
Topic Starter сообщение 28.11.2010, 23:41; Ответить: CandyDandy
Сообщение #1


Вот два дива, мне нужно разместить их по центру так чтобы скролл вертикальный не появлялся, усложняет всё дело то что всё должно остаться растянутым на 100% по вертикали.

PS. В CSS я новенький.


<div id="content"></div>
<div id="footer"></div>


html, body
{
    background:#000;
    margin:0;
    padding:0;
    height:100%;
    width:100%;
}


#content
{
    position:relative;
    min-height:100%;
    background:#900;
    width:999px;
}


* html #content
{
    height: 100%;
}

#footer
{
    position:relative;
    margin-top:-10.5em;
    height:10.5em;
    background:#333;
    width:999px;
}
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 28.11.2010, 23:52; Ответить: alexdrob
Сообщение #2


(CandyDandy @ 29.11.2010, 01:41) *
всё должно остаться растянутым на 100% по вертикали

как могут два дива быть растянуты на 100%?
Один на 50 и второй на 50? или один на 10 а другой на 90? или ещё как то?
Но оба на 100 это судя по всему уже 200))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
CandyDandy
CandyDandy
Topic Starter сообщение 28.11.2010, 23:59; Ответить: CandyDandy
Сообщение #3


чувствую себя блондинкой ))
я имел в виду совсем другое. Мне нужно просто сохранить ту структуру которая есть сейчас.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 29.11.2010, 0:06; Ответить: alexdrob
Сообщение #4


body{
margin: 0 auto;
width:999px;
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
CandyDandy
CandyDandy
Topic Starter сообщение 29.11.2010, 0:21; Ответить: CandyDandy
Сообщение #5


Вот так и знал что всё должно быть очень просто!! (((: Спасибо большое. А я всё пытался их обоих в один блок запихнуть. Кстати так можно?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 29.11.2010, 0:28; Ответить: alexdrob
Сообщение #6


body и есть блок, практически такой же как и div ))
так же и html тоже блок, просто нет смысле делать лишний блок если они и так в одном блоке.

<body>
<div style="margin:0 auto;width:999px;">
<div id="content"></div>
<div id="footer"></div>
</div>
</body>


тот же эффект что и
<body style="margin:0 auto;width:999px;">
<div id="content"></div>
<div id="footer"></div>
</body>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Прижать к низу экрана
2 sergei_burg 5431 2.9.2018, 23:17
автор: -dkflbr-
Открытая тема (нет новых ответов) Футер съехал вправо
1 Nasty_Sav 6318 24.2.2015, 19:16
автор: -Degradator-
Открытая тема (нет новых ответов) Прикрепление футера к низу
2 Evgeniy175 5637 2.7.2014, 17:14
автор: -Degradator-
Открытая тема (нет новых ответов) Не могу текст отцентрировать по вертикали в div
8 elena0222 9847 27.5.2013, 13:36
автор: -gen-5-
Открытая тема (нет новых ответов) Помогите отцентрировать по вертикали названия категорий товаров.
1 margo_hb 6336 26.4.2012, 4:52
автор: -DelphinPRO-


 



RSS Текстовая версия Сейчас: 24.4.2024, 20:34
Дизайн