Правила форума Гаранты форума
Размещение рекламы AMX-X компилятор

Здравствуйте, гость Вход | Регистрация

Наши новости:

14-дек
24-апр
10-апр
11-апр

Прижать футер к низу...

Статус пользователя A1ex2008
сообщение 12.7.2014, 14:57
Сообщение #1
Стаж: 17 лет

Сообщений: 427
Благодарностей: 70
Полезность: < 0

Не выходит прижать футер к низу страницы... Кто может помочь? Дайте контакты скайпа. Движок wordpress. Работы на 2 минуты.
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   Цитировать сообщение
Статус пользователя damilurg
сообщение 12.7.2014, 15:49
Сообщение #2


Иконка группы

Стаж: 13 лет

Сообщений: 1191
Благодарностей: 1297
Полезность: 1230

A1ex2008,
bottom: 0; ?
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 1 раз
   + Цитировать сообщение
Статус пользователя Bloo
сообщение 12.7.2014, 15:57
Сообщение #3


Стаж: 12 лет

Сообщений: 15547
Благодарностей: 6971
Полезность: 1206

damilurg, нет, так ты его не прижмешь.
A1ex2008, JS, CSS
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 1 раз
   + Цитировать сообщение
Статус пользователя andrei911
сообщение 12.7.2014, 17:28
Сообщение #4
Стаж: 12 лет

Сообщений: 18
Благодарностей: 5
Полезность: 0

damilurg,
Код
position: absolute;
bottom:0;


Отредактировал: andrei911, - 12.7.2014, 17:31
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 1 раз
   + Цитировать сообщение
Статус пользователя Bloo
сообщение 12.7.2014, 17:31
Сообщение #5


Стаж: 12 лет

Сообщений: 15547
Благодарностей: 6971
Полезность: 1206

andrei911, и на фига это? Человеку нужно что бы футер был внизу страницы даже если сама страница не занимает всю высоту экрана.
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 1 раз
   + Цитировать сообщение
Статус пользователя andrei911
сообщение 12.7.2014, 17:35
Сообщение #6
Стаж: 12 лет

Сообщений: 18
Благодарностей: 5
Полезность: 0

Bloo, тогда так:
Код:
position: relative;  
height: Xpx;
margin-top: -Xpx;
, где X высота футера
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 1 раз
   + Цитировать сообщение
Статус пользователя A1ex2008
сообщение 12.7.2014, 17:46
Сообщение #7
Стаж: 17 лет

Сообщений: 427
Благодарностей: 70
Полезность: < 0

Ребята, кто может помочь. Отблагодарю деньгами. Напишите свои контакты скайпа.
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя Bloo
сообщение 12.7.2014, 17:49
Сообщение #8


Стаж: 12 лет

Сообщений: 15547
Благодарностей: 6971
Полезность: 1206

andrei911, и что это даст? :D
A1ex2008, нету если честно времени щас. По тем примерам что я кидал не вышло?
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 1 раз
   + Цитировать сообщение
Статус пользователя sergggzi
сообщение 12.7.2014, 17:50
Сообщение #9
Иконка группы

Стаж: 13 лет

Сообщений: 6536
Благодарностей: 6222
Полезность: 807

делал подобное у себя на сайте как-то.. код хотя бы дал для ознакомления
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 1 раз
   + Цитировать сообщение
Статус пользователя A1ex2008
сообщение 12.7.2014, 17:52
Сообщение #10
Стаж: 17 лет

Сообщений: 427
Благодарностей: 70
Полезность: < 0

Bloo,
Вариант с css почему-то не работает (wrapper). А с .js я честно говоря не понимаю, какой именно элемент нужно взять в этот div на wordpress'e
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя Bloo
сообщение 12.7.2014, 17:55
Сообщение #11


Стаж: 12 лет

Сообщений: 15547
Благодарностей: 6971
Полезность: 1206

A1ex2008, код шаблона дайте, щас коллективно быстро решим думаю.
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 1 раз
   + Цитировать сообщение
Статус пользователя A1ex2008
сообщение 12.7.2014, 18:44
Сообщение #12
Стаж: 17 лет

Сообщений: 427
Благодарностей: 70
Полезность: < 0

попробовал вариант с .js
поставил в header скрипт. После шапки открыл div скрипта и перед футером закрыл. Чето не пашет)))

Отредактировал: A1ex2008, - 12.7.2014, 18:46
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя Bloo
сообщение 12.7.2014, 18:59
Сообщение #13


Стаж: 12 лет

Сообщений: 15547
Благодарностей: 6971
Полезность: 1206

A1ex2008, да, щас проверил что то не пашет он.
Вот этот метод должен быть 100% рабочий http://www.cssstickyfooter.com/using-sticky-footer-code.html
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 1 раз
   + Цитировать сообщение
Статус пользователя A1ex2008
сообщение 12.7.2014, 19:59
Сообщение #14
Стаж: 17 лет

Сообщений: 427
Благодарностей: 70
Полезность: < 0

sergggzi,
Спасибо большое! Тема закрыта. Всем кто принимал участие "спасибки" :)

Отредактировал: A1ex2008, - 12.7.2014, 19:59
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя Bloo
сообщение 12.7.2014, 20:49
Сообщение #15


Стаж: 12 лет

Сообщений: 15547
Благодарностей: 6971
Полезность: 1206

A1ex2008, скажите каким способом реализовали, может он реально лучше предложенных
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя sergggzi
сообщение 12.7.2014, 23:15
Сообщение #16
Иконка группы

Стаж: 13 лет

Сообщений: 6536
Благодарностей: 6222
Полезность: 807

Bloo,
не помню, где я брал способ.. но смысл такой

<div id="container">
<div id="header"></div>
<div id="body"></div>
<div id="footer"></div>
</div>

Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 1 раз
   + Цитировать сообщение
Статус пользователя damilurg
сообщение 13.7.2014, 5:47
Сообщение #17


Иконка группы

Стаж: 13 лет

Сообщений: 1191
Благодарностей: 1297
Полезность: 1230

ну как и писали, главным тут оказалось

Код
position: absolute;
bottom:0;
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя sergggzi
сообщение 13.7.2014, 5:58
Сообщение #18
Иконка группы

Стаж: 13 лет

Сообщений: 6536
Благодарностей: 6222
Полезность: 807

damilurg,
да, это применимо к футеру.
но суть заключалась еще в том, чтобы все div заключить в один <div id="container">, т.е привести код к виду
Цитата
There are only four divs required for this to work. The first is a container div that surrounds everything. Inside that are three more divs; a header, a body and a footer.


грубо говоря было так
Код
<div id="header"></div>
<div id="footer"></div>


а стало так, где в качестве отсутствующего <div id="body"></div> был добавлен пустой <div id="empty"></div>
Код
<div id="container">
<div id="header"></div>
<div id="empty"></div>
<div id="footer"></div>
</div>


Отредактировал: sergggzi, - 13.7.2014, 6:19
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 2 раз
   + Цитировать сообщение
  Ответить в данную темуНачать новую тему
 
0 пользователей и 1 гостей читают эту тему: