Новости
Видео
Microsoft
Windows 10
Железо
Программы
Форум

Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  | Правила  

Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » footer при блочной вёрстке.

Ответить
Настройки темы
footer при блочной вёрстке.

Пользователь


Сообщения: 101
Благодарности: 1

Профиль | Отправить PM | Цитировать

вот в очередной раз упёрся в эту проблему.

задача стандартная: хедер, основная часть плавающего размера, футер. всё это нужно организовать для всей тройки браузеров и только на divах.

порыскав по интернету, нашёл решение: расположить футер в padding-bottom основной части.

имею css:
HTML код: Выделить весь код
html, body
  {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

#content 
  {
    position: relative;
    min-height: 100%;
    padding-bottom: 50px;
  }

#footer 
  {
    position: relative;
    margin-top: -50px;
    height: 50px;
  }

и html:
HTML код: Выделить весь код
<div id="content">

<!-- здесь хедер и основной контент произвольной длины -->

</div>

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

и всё бы ничего, да вот опера вообще не дружит с min-height, да и в ie оно, как я понял, реализовано пока не очень. а если заменить min-height на height, то опера начинает делать то, что нужно. но теперь firefox не с нами, тк он при overflow контентного блока оставляет футер на том же, а не смещает вниз.

как посоветуете грамотно решить задачу?

Отправлено: 23:10, 05-11-2006

 

Deadooshka


Сообщения: 2512
Благодарности: 690

Профиль | Отправить PM | Цитировать

3kLiN
Цитата:
если заменить min-height на height
Попробуй там же еще и display: table добавить...

Отправлено: 02:36, 06-11-2006 | #2



Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.

Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля.


Пользователь


Сообщения: 101
Благодарности: 1

Профиль | Отправить PM | Цитировать

Sham
Цитата:
Попробуй там же еще и display: table добавить...
ну тогда уж проще таблицы использовать. да и ко всему ie6 не дружил с display: table.

-------
Suum cuique

Отправлено: 19:57, 06-11-2006 | #3


Аватара для elfoflorien

Старожил


Сообщения: 158
Благодарности: 1

Профиль | Отправить PM | Цитировать

3kLiN
попробуйте
HTML код: Выделить весь код
position: relative

и отступы сверху/снизу для блоков или
HTML код: Выделить весь код
vertical-align: top/bottom /* header/footer */

дейтсвительно, лучше использовать таблицы

-------
panem et circences! (c)

Отправлено: 22:38, 07-11-2006 | #4



Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » footer при блочной вёрстке.

Участник сейчас на форуме Участник сейчас на форуме Участник вне форума Участник вне форума Автор темы Автор темы Шапка темы Сообщение прикреплено

Похожие темы
Название темы Автор Информация о форуме Ответов Последнее сообщение
проблема при установке 2-го IDE винта, при имеющемся SATA винтe dolphin_xxx Непонятные проблемы с Железом 4 23-12-2009 22:17
Как прижать footer-image ( верстка <DIV> XHTML/CSS ) ? stalingrad432006 Вебмастеру 6 04-11-2008 16:57
C/C++ - [решено] Пара вопросов по Блочной сортировке Drongo Программирование и базы данных 12 09-01-2008 19:28
цветные горизонтальные полосы на экране, При загрузке ПК , при запуски игр и т.д Clop Видеокарты 16 20-10-2006 21:43
header и Footer :) Underson Вебмастеру 11 07-03-2006 12:06


« Предыдущая тема | Следующая тема »


 
Переход