Помощник
 |
|
|
|
|
Сообщение сайта
|
 "Прибить" футер к низу страницы |
Lesecret
|
Сообщение
#1
|
||
|
0  Группа: User Сообщений: 13 Регистрация: 24.7.2011 Поблагодарили: 0 раз Репутация:  0 
 |
|
||
 |
|
||
|
Axe_hb
|
 24.7.2011, 22:54;
Ответить: Axe_hb
Сообщение
#2
|
|
0 Группа: User Сообщений: 143 Регистрация: 24.7.2011 Поблагодарили: 0 раз Репутация: 0
|
попробуй
[CSS]vertical-align: bottom;[/CSS] |
|
|
|
|
Lesecret
|
Сообщение
#3
|
|
0 Группа: User Сообщений: 13 Регистрация: 24.7.2011 Поблагодарили: 0 раз Репутация: 0
|
К сожалению не помогло.
|
|
|
|
|
adlic
|
25.7.2011, 0:27;
Ответить: adlic
Сообщение
#4
|
 0 Группа: User Сообщений: 995 Регистрация: 5.8.2010 Поблагодарили: 0 раз Репутация: 0
|
Задайте минимальную высоту(min-height) страницы, чтоб она сама прижимала к низу футер.
|
|
|
|
|
Lesecret
|
Сообщение
#5
|
|
0 Группа: User Сообщений: 13 Регистрация: 24.7.2011 Поблагодарили: 0 раз Репутация: 0
|
А подробнее? Какое значение именно задать? 100% или сколько?
|
|
|
|
|
adlic
|
25.7.2011, 1:06;
Ответить: adlic
Сообщение
#6
|
|
0 Группа: User Сообщений: 995 Регистрация: 5.8.2010 Поблагодарили: 0 раз Репутация: 0
|
Вот допустим структура такая
<html> <head> </head> <body> <div class="header"></div> <div class="content"></div> <div class="footer"></div> </body> </html> Задать content минимальную высоту, в пикселях, чтоб оно просто оттеснило футер книзу. Смотря какой сайт, может у вас header сам по себе большой, а вообще обычно 600-700px хватает.. |
|
|
|
|
Lesecret
|
Сообщение
#7
|
|
0 Группа: User Сообщений: 13 Регистрация: 24.7.2011 Поблагодарили: 0 раз Репутация: 0
|
Я думал об варианте про длину страницы, но потом подумал, что у всех то, разрешение экрана разное, и будет у некоторых смотрятся некорректно. Структура у меня примерно такая же, вот шапка у меня не большая, примерно как на этом форуме.
Должны же быть другие способы кроме высоты? |
|
|
|
|
sodik
|
25.7.2011, 9:06;
Ответить: sodik
Сообщение
#8
|
|
0 Группа: User Сообщений: 71 Регистрация: 3.1.2011 Поблагодарили: 0 раз Репутация: 0
|
Самый просто вариант. Если футер не будет тянуться по высоте.
<div id="wrapper"> <div id="header"</div> <div id="main"></div> </div> <div id="footer"></div> [CSS] html, body {height:100%;} #wrapper {min-height:100%;} * html #wrapper {height:100%;} #main {padding-bottom:100px;} #footer {position:relative; margin-top:-100px; height:100px;} [/CSS] |
|
|
|
|
Lesecret
|
Сообщение
#9
|
|
0 Группа: User Сообщений: 13 Регистрация: 24.7.2011 Поблагодарили: 0 раз Репутация: 0
|
К сожалению, желаемого результата не принесло.
|
|
|
|
|
Salikhoff_hb
|
25.7.2011, 9:24;
Ответить: Salikhoff_hb
Сообщение
#10
|
 0 Группа: User Сообщений: 1207 Регистрация: 27.4.2010 Поблагодарили: 0 раз Репутация: 0
|
Lesecret, для начала надо пользоваться поиском, так как в интернете довольно много полезных реализаций! Для себя я тоже оттуда взял!
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
Хостинг "Hostland" - качественный хостинг по разумным ценам и со своей Панелью Управления | 0 | artmeteor | 561 | 18.4.2024, 22:46 автор: artmeteor |
|
⭐⭐⭐ Google Voice | Gmail - OLD аккаунты "SMS и звонки" ⭐⭐⭐ | 15 | Chekon | 4467 | 18.4.2024, 12:00 автор: Chekon |
|
✅ sms.chekons.com - ⭐ Сервис для получения SMS на реальные номера USA "Non-VoIP, безлим SMS, API" ⭐ Сервис для получения SMS на реальные номера USA |
13 | Chekon | 4096 | 18.4.2024, 11:48 автор: Chekon |
|
Требуется помощь по сайту на "ВордПресс" Закрылся доступ в панель администратора |
15 | Tia2 | 2387 | 17.4.2024, 0:54 автор: diviner99 |
 |
Опрос: Результаты в упражнении "Жим лёжа" у вэбмастеров | 35 | Room | 4530 | 13.3.2024, 13:10 автор: Room |
|
Текстовая версия | Сейчас: 25.4.2024, 3:15 |
