Comments 58
.page вообще не нужен, а надо еще:

body, html {
min-height: 100%;
padding: 0;
margin: 0;
}
Минусовать за что? За то, что min-height для бади не поможет?) Скорее там должно быть height: 100%
Поясните недалёкому человеку. Судя по ссылке на «другую» статью и по вот этому «bottom: 0; position: absolute;» ваш футер должен быть прилеплен строго по нижней границе окна, я так понимаю. Но в приведенных вами примерах футеры просто следуют за текстом, и не прилипают никуда.

Либо примеры просто демонстрируют ваши работы и не касаются статьи?
Меньше 800 px по высоте сделай страницу, чтобы эффект заметен был. А так вовсе лишний код.
да, но длина текста на разных страницах может быть разной. надо чтобы он как-то сам уезжал вниз. или я чего-то не понимаю?
Не совсем Вас понимаю.

Этот каркас проверен на десятках сайтов. Всё отлично работает. Посмотрите внимательнее код.
протестил в FF 3.6, Chrome 8, IE 6,7,8, Safari 5. работает. вот только в опере пока не успел.
могу скрины дать
Пример не удовлетворительный. Свёрнутое окно в Opera: после развёртывани во весь экран футер остаётся на прежнем месте.
Это баг Оперы вообще-то. Если изменять размер окна только снизу, то нужно нажимать F5, чтобы до Оперы дошло, что надо обновить размеры. Если изменять размеры окна справа снизу сразу вверх/вниз и влево/вправо, то бага почти не наблюдается.
Тоже самое можно сказать про IE, что у него есть баги и оставить всё как есть. По идее же все гонятся за универсальным решением для всех браузеров.
Включите любой другой сайт в Опере и потаскайте её за одну часть окна :) Насчёт ИЕ коммент вообще лишен смысла.
Насчёт развертывания у меня ни в 9.26, ни в 9.64 такого не замечено. Какая версия?
10b3. В ранних версиях всё точно также было, смотреть надо внимательнее.
На браузер. Этот же способ одинаково не работал и в прошлых версиях Opera. И растягивайте не снизу, а с окна на весь экран. По-моему об этом и написано.

Кароче, сам пример смысла практического имеет мало. Это мы увидели на реальных сайтах, которые были в примерах темы чуть раньше.
С окна на весь экран писал же. В 10б3 всё работает, не знаю как и чем Вы смотрели. Видео записать не могу к сожалению.

Почему мало? Вам больше нравятся примеры, где нужно 2 экспрешена для ИЕ6 в качестве минимальной-максимальной ширины?
Специально для Вас заснял поведение Опер, с девятой версии и выше. Версии ниже думаю не стоит учитывать.

Piccy.info - Free Image Hosting
Выбранные размеры

Piccy.info - Free Image Hosting
Я потянул за низ, а размеры не изменились. Это не значит, что футер не прилипает, это значит, что Опера размеры не пересчитывает!

Piccy.info - Free Image Hosting
Потянул вверх и снова Опера не изменяет размеры документа.

Piccy.info - Free Image Hosting
Но стоит обновить страницу, как Опера сразу же устанавливает правильные значения размеров документа.

Этот баг Оперы справедлив для ВСЕХ документов.
«Это не значит, что футер не прилипает, это значит, что Опера размеры не пересчитывает!»

Это именно, то и значит, о чём и сказано выше.
Это весь аргумент? Найдите сайт, который так не делает в Опере, тогда будем говорить, а пока это бессмысленный разговор.

Но в любом случае к «прибитому футеру» это уже никак не относится, т.к. он прибивается к нижней части главного блока, растянутого по ширине и высоте на 100%. Так что если не меняется высота этого блока, то не меняется и положение футера.
Опера не пересчитывает размеры при изменении высоты окна, при изменении ширины — все пучком.
Вот в примерах отсюда habrahabr.ru/blogs/css/66805/, например вот этот пример www.lwis.net/profile/CSS/sticky-footer.html, футер провно прибит к низу окна. С изменением размеров окна футер неизменно остается внизу, он прилип к низу и не смещает.

У вас в примере, например про краны, я вижу длинную страницу с прокруткой, высотой явно больше высоты окна, где футер находится в самом низу этой страницы, то есть виден только после прокрутки вниз. Либо я неправильно понял суть вашей статьи, либо такой футер делается элементарным div-ом без каких-либо параметров, он просто следует за основным контентом и никуда не прилипает.
UFO landed and left these words here
Да, правы, на время попапа можно просто джсом менять z-index футера :) Тут не спорю.
хм… а можно обоснованнее минусовать? :)
А то я просто не понимаю, что не так? Я открытый человек и критику за 6 лет музыкописания воспринимаю более чем адекватно. Но видимо здесь, как и везде, полно самонеутвердившихся лицемеров, которые исподтишка любят посамоутверждаться за счёт других.

Пишите — обсудим!
Какой-то ужасный способ, позиционирования, клеарфиксы, экспрешшены… Всегда прижимал футер таким способом html-css.info/2009/07/footer-css/ — никогда никаких проблем не было.
Извините, но Вы бы сначала разобрались, прежде чем говорить такое.

«клеарфиксы» — оверфлоу не во всех дизайнах спасает, а если Вы не в курсе клеарфикса, то это не тема данного топа
«экспрешены» — извините, что-то я не встречал других способов мин/макс ширины для ИЕ6 (бордюры может и катят, но только для минимальной ширины)
«позиционирования» — да уж…

«Всегда прижимал футер таким способом html-css.info/2009/07/footer-css/ — никогда никаких проблем не было. „
значит никогда не пользовались экспрешенами и оптимизацией по их кол-ву :) здесь нужен в любом случае 1 экспрешн для ИЕ6, в Вашем — два.
Извините, не понял, зачем экспрешн. Для min-width? то это да. Но как я понял тема то про прижимание футера) И проясните пожалуйста, для чего в моем способе 2 экспрешна нужно, может я действительно чего-то недогоняю, вечер, устал уже)
Если бы прочитали комментарии сверху по поводу советов о сбросе настроек по умолчанию, то поняли бы.

Про 2 экспрешена: Вы верстаете всё время фикс? если нет, то как указываете мин.ширину для ИЕ6?
Всё понял, экспрешены для min-width/max-width. Я тоже через скрипт задаю min-width/max-width для ие6. Я сначала подумал что они тут как-то используется для прижимание футера, т.к. топик про это, а не про то как задать min-width, max-width.
Но всё-равно мне мой способ прижимания футера нравится больше :)
При приличной сложности макета уменьшение экспрешенов с 2-х до 1-го, я Вам скажу, дают ИЕ6 второе дыхание. Не скажу, что 100% уверенность, но пару проектов переделал и им полегчало.
Я Вам скажу, при 2х экспрешенах ие6 часто просто подвисает. использую экспрешн если надо задать только min-width или max-width. а если одновременно в отдельный js выношу (тоже с того сайта использую способ, фу какой пиар %)).
Хм… я почему-то всегда думал, что блок в блоке на всю высоту не может растягиваться. Рушите стереотипы. Спасибо.
Да-да, ие6, для которого Вы так старались. Горизонтальный скроллбар дает в пару вертикальный, на собственную высоту.

Пустой контент с высотой главного блока в 100% в ИЕ6 даёт такой эффект. Возможно Вы знаете как решить эту проблему?
Only those users with full accounts are able to leave comments. Log in, please.