Извините, ничего не найдено.

Не расстраивайся! Лучше выпей чайку!
Регистрация
Справка
Календарь

Вернуться   forum.boolean.name > Веб-программирование > JavaScript / HTML

JavaScript / HTML Создание динамической разметки страниц

Ответ
 
Опции темы
Старый 08.02.2013, 19:10   #1
den
Дэвелопер
 
Аватар для den
 
Регистрация: 13.02.2010
Сообщений: 1,645
Написано 620 полезных сообщений
(для 2,419 пользователей)
футер css

Пусть на странице есть контекст и футер. Футер снизу. Если контекст большой, то всё нормально, футер где-то снизу. Но вот если контекст очень маленький, то футер торчит посередине страницы что не есть хорошо. Как сделать так, что бы когда контекст маленький, футер лежал на дне, а когда большой, то под контекстом?
upd: нашёл, если кому надо гуглите "прилипающий футер css" первые пару ссылок то что надо. Но как то криво
(Offline)
 
Ответить с цитированием
Старый 08.02.2013, 19:45   #2
ABTOMAT
Ференька
 
Аватар для ABTOMAT
 
Регистрация: 26.01.2007
Адрес: улица Пушкина дом Колотушкина
Сообщений: 10,741
Написано 5,461 полезных сообщений
(для 15,675 пользователей)
Ответ: футер css

Блоку контента задать min-height?
__________________
Мои проекты:
Анальное Рабство
Зелёный Слоник
Дмитрий Маслов*
Различие**
Клюква**

* — в стадии разработки
** — в стадии проектирования
Для проектов в стадии проектирования приведены кодовые имена

(Offline)
 
Ответить с цитированием
Старый 08.02.2013, 20:09   #3
den
Дэвелопер
 
Аватар для den
 
Регистрация: 13.02.2010
Сообщений: 1,645
Написано 620 полезных сообщений
(для 2,419 пользователей)
Ответ: футер css

Сообщение от ABTOMAT Посмотреть сообщение
Блоку контента задать min-height?
ну у меня контекст обрамлен рамочкой, поэтому надо создать пустой див, между контекстом и футером.
а какое ему задач значение?
в пару недель, поэтому сильно не ругайтесь если туплю
upd: тык
(Offline)
 
Ответить с цитированием
Старый 08.02.2013, 20:51   #4
ABTOMAT
Ференька
 
Аватар для ABTOMAT
 
Регистрация: 26.01.2007
Адрес: улица Пушкина дом Колотушкина
Сообщений: 10,741
Написано 5,461 полезных сообщений
(для 15,675 пользователей)
Ответ: футер css

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

Или нужно какое-то другое поведение?
__________________
Мои проекты:
Анальное Рабство
Зелёный Слоник
Дмитрий Маслов*
Различие**
Клюква**

* — в стадии разработки
** — в стадии проектирования
Для проектов в стадии проектирования приведены кодовые имена

(Offline)
 
Ответить с цитированием
Старый 08.02.2013, 20:52   #5
dsd
Мастер
 
Аватар для dsd
 
Регистрация: 13.06.2011
Сообщений: 1,103
Написано 481 полезных сообщений
(для 1,836 пользователей)
Ответ: футер css

http://jsfiddle.net/xPpfB/1/
А так если?
(Offline)
 
Ответить с цитированием
Старый 08.02.2013, 21:05   #6
den
Дэвелопер
 
Аватар для den
 
Регистрация: 13.02.2010
Сообщений: 1,645
Написано 620 полезных сообщений
(для 2,419 пользователей)
Ответ: футер css

http://jsfiddle.net/xPpfB/1/
А так если?
фигня, поставь в контекст много строк (чтоб в экран не влезало), футре будет гдето посередине странице.
min-height заставит контент быть всегда не меньше скольки-то пикселей, даже если в нём ничего нет, чтобы футер не болтался в середине страницы
Да, мне это и надо.
Что бы когда была вертикальная полоса прокрутки (контекст не влазиет в один экран) - футер был на дне страницы (ну как обычно). А когда полосы прокрутки нет (контекст маленький) тоже был на дне странице.
вот решение, но оно кривое(
(Offline)
 
Ответить с цитированием
Старый 08.02.2013, 21:15   #7
devolonter
Разработчик
 
Аватар для devolonter
 
Регистрация: 17.01.2007
Сообщений: 409
Написано 114 полезных сообщений
(для 281 пользователей)
Ответ: футер css

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

UPT. Уже вижу, что не подошло. А в чем кривость? Вот еще вариант http://www.cssstickyfooter.com/
(Offline)
 
Ответить с цитированием
Старый 08.02.2013, 23:48   #8
den
Дэвелопер
 
Аватар для den
 
Регистрация: 13.02.2010
Сообщений: 1,645
Написано 620 полезных сообщений
(для 2,419 пользователей)
Ответ: футер css

http://jsfiddle.net/Gwa9D/8/
в css комментарии поставил, там написано в чем проблема.
(Offline)
 
Ответить с цитированием
Старый 09.02.2013, 00:22   #9
devolonter
Разработчик
 
Аватар для devolonter
 
Регистрация: 17.01.2007
Сообщений: 409
Написано 114 полезных сообщений
(для 281 пользователей)
Ответ: футер css

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


Опции темы

Ваши права в разделе
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.


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


vBulletin® Version 3.6.5.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot
Style crйe par Allan - vBulletin-Ressources.com