Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Абсолютное позиционирование относительно контента 
:(
    Опции темы
SamDark
Дата 14.8.2007, 11:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Добрый кот
***


Профиль
Группа: Участник
Сообщений: 1424
Регистрация: 25.7.2006
Где: Voronezh

Репутация: 6
Всего: 38
Есть двухколоночная разметка на абсолютном позиционировании элементов:

http://rmcreative.ru/playground/absolute_footer/
http://rmcreative.ru/playground/absolute_footer/main.css

Есть ли возможность заставить отсчитывать координаты относительно контента, а не относительно viewport-а?

т.е. чтобы при 
Код

#footer {
    position: absolute;
    bottom: 0;
}

футер был под контентом.

p.s. на IE можно в данном случае забить.


--------------------
rmcreative.ru — Это жжж неспроста...
yiiframework.ru — О фреймворке Yii на русском.
reggi — здесь я регистрирую домены
PM MAIL WWW GTalk Jabber MSN   Вверх
japanes
Дата 14.8.2007, 17:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 176
Регистрация: 20.1.2007

Репутация: 7
Всего: 7
я делаю всегд так:
Код

<style>
html { height: 100%; }
body { height: 100%; margin: 0px; padding: 0px; }
div#layout{
padding: 0px;
margin: 0px;
min-height: 100%;//height: 100%;
position: relative;
}
...
div#footer_spacer{
height: 100px;
margin: 0px;
padding: 0px;
}
div#footer{
height: 100px;
position: absolute;
width: 100%
left: 0px;
}
</style>
<body>
<div id="layout">
...
<div id="footer_spacer"><!-- spacer --></div>
<div id="footer">footer</div>
</div>
</body>

для верстки без <div id="footer_spacer"><!-- spacer --></div> используй у контентных блоков margin-bottom: высота футера;

Это сообщение отредактировал(а) japanes - 14.8.2007, 17:37
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0728 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.