forum.boolean.name

forum.boolean.name (http://forum.boolean.name/index.php)
-   JavaScript / HTML (http://forum.boolean.name/forumdisplay.php?f=136)
-   -   футер css (http://forum.boolean.name/showthread.php?t=17851)

den 08.02.2013 19:10

футер css
 
Пусть на странице есть контекст и футер. Футер снизу. Если контекст большой, то всё нормально, футер где-то снизу. Но вот если контекст очень маленький, то футер торчит посередине страницы что не есть хорошо. Как сделать так, что бы когда контекст маленький, футер лежал на дне, а когда большой, то под контекстом?
upd: нашёл, если кому надо гуглите "прилипающий футер css" первые пару ссылок то что надо. Но как то криво :(

ABTOMAT 08.02.2013 19:45

Ответ: футер css
 
Блоку контента задать min-height?

den 08.02.2013 20:09

Ответ: футер css
 
Цитата:

Сообщение от ABTOMAT (Сообщение 252143)
Блоку контента задать min-height?

ну у меня контекст обрамлен рамочкой, поэтому надо создать пустой див, между контекстом и футером.
а какое ему задач значение?
в пару недель, поэтому сильно не ругайтесь если туплю :(
upd: тык

ABTOMAT 08.02.2013 20:51

Ответ: футер css
 
Я не понял, что ты хочешь.
min-height заставит контент быть всегда не меньше скольки-то пикселей, даже если в нём ничего нет, чтобы футер не болтался в середине страницы

Или нужно какое-то другое поведение?

dsd 08.02.2013 20:52

Ответ: футер css
 
http://jsfiddle.net/xPpfB/1/
А так если?

den 08.02.2013 21:05

Ответ: футер css
 
Цитата:

http://jsfiddle.net/xPpfB/1/
А так если?
фигня, поставь в контекст много строк (чтоб в экран не влезало), футре будет гдето посередине странице.
Цитата:

min-height заставит контент быть всегда не меньше скольки-то пикселей, даже если в нём ничего нет, чтобы футер не болтался в середине страницы
Да, мне это и надо.
Что бы когда была вертикальная полоса прокрутки (контекст не влазиет в один экран) - футер был на дне страницы (ну как обычно). А когда полосы прокрутки нет (контекст маленький) тоже был на дне странице.
вот решение, но оно кривое(

devolonter 08.02.2013 21:15

Ответ: футер css
 
Это называется "sticky footer". По этому запросу много дельных решений попадается. Вот, например: http://ryanfait.com/sticky-footer/

UPT. Уже вижу, что не подошло. А в чем кривость? Вот еще вариант http://www.cssstickyfooter.com/

den 08.02.2013 23:48

Ответ: футер css
 
http://jsfiddle.net/Gwa9D/8/
в css комментарии поставил, там написано в чем проблема.

devolonter 09.02.2013 00:22

Ответ: футер css
 
А что если вложить еще один div в #main и ему дать необходимый margin?


Часовой пояс GMT +4, время: 11:03.

vBulletin® Version 3.6.5.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot