|
Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » Как прижать footer-image ( верстка <DIV> XHTML/CSS ) ? |
|
Как прижать footer-image ( верстка <DIV> XHTML/CSS ) ?
|
Враг народа Сообщения: 399 |
Профиль | Отправить PM | Цитировать В поисковиках поискал ответ, но толкового не нашел ( видимо, сказывается низкий уровень знаний ).
Может быть кто-нибудь сможет доступно обяснить, как же все-таки можно сделать так, что бы изображение всегда находилось у нижней границы браузера? Спасибо . |
|
------- Отправлено: 00:17, 04-11-2008 |
Ветеран Сообщения: 823
|
Профиль | Сайт | Отправить PM | Цитировать http://designformasters.info/posts/holy-grail/
Вот, пожалуйста. Будет полезно почитать |
------- Отправлено: 00:37, 04-11-2008 | #2 |
Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети. Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля. |
Враг народа Сообщения: 399
|
Профиль | Отправить PM | Цитировать Artem-Samsung,
хорошая статья, но в этой "Чаше Грааля" футер не прижат. |
------- Отправлено: 02:03, 04-11-2008 | #3 |
Ветеран Сообщения: 823
|
Профиль | Сайт | Отправить PM | Цитировать <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <Head> <Title>Test</Title> <Style> html, body { height:100%; margin:0; } html>body { min-height:100%; height:auto; } body { position:relative; } #footer { position:absolute; bottom:0; width:100%; } #main { padding-bottom:50px; } #header, #footer { color:white; background:green; height:50px; } </Style> <Body> <div id="header">Header</div> <div id="main"> <p>Content</p> <p>Content</p> <p>Content</p> <p>Content</p> <p>Content</p> <p>Content</p> <p>Content</p> <p>Content</p> </div> <div id="footer">Footer</div> |
------- Отправлено: 11:35, 04-11-2008 | #4 |
Ветеран Сообщения: 7116
|
Профиль | Отправить PM | Цитировать Artem-Samsung, нехорошо, что футер будет наезжать на основной контент... Если прокрутки нет, то все нормально
|
|
------- Отправлено: 14:36, 04-11-2008 | #5 |
Ветеран Сообщения: 823
|
Профиль | Сайт | Отправить PM | Цитировать Цитата dmitryst:
#main { padding-bottom:50px; } не срабатывает? |
|
------- Отправлено: 16:11, 04-11-2008 | #6 |
Враг народа Сообщения: 399
|
Профиль | Отправить PM | Цитировать Благдарю откликнувшихся. Сегодня ночью нашел на одном из сайтов ( ссылку указать не могу, т.к. уже не помню, какой именно сайт был ) :
В принципе, пока работает как мне нужно ( в страницу пока не вкладывал контент ). Посмотрите, пожалуйста, правильно ли написан код? Спасибо. |
------- Отправлено: 16:57, 04-11-2008 | #7 |
Участник сейчас на форуме | Участник вне форума | Автор темы | Сообщение прикреплено |
| |||||
Название темы | Автор | Информация о форуме | Ответов | Последнее сообщение | |
Верстка DIV'ами (разлазится в IE6) | darksmoke | Вебмастеру | 5 | 27-12-2009 13:54 | |
[решено] Верстка слоями (Div) | Bullet-Avalon | Вебмастеру | 5 | 28-11-2008 09:49 | |
[решено] Верстка XHTML. Едет в Firefox. | Artem-Samsung | Вебмастеру | 2 | 13-12-2007 00:56 | |
блочная верстка часть 2 (DIV) | Vlad Drakula | Вебмастеру | 3 | 08-07-2006 13:26 | |
блочная верстка часть 1 (DIV) | Vlad Drakula | Вебмастеру | 33 | 08-07-2006 10:37 |
|