Как стать автором
Обновить

Комментарии 142

Вообще зависит от дизайна... В некоторых случаях footer просто обязательно привязывать к низу экрана
Вопрос: а зачем?

Футер можно просто напросто сделать частью дизайна, размыть рамки деления - вот тут шапка, а вот тут подвал.

А вообще шапка, подвал и т.д. это элементы не веб-дизайна, а полиграфии, точнее сказать это элементы газеты, которые прижились веками.

Может имеет смысл вообще отказаться от этого явления, как подвал?

Моя реализация футера в одном из проектов - сделал нижнюю часть дизайна продолжением фона, а на самой травке если нужно даём реквизиты:

как раз пример того где футер лучше прибивать к нижнему краю, иначе придется додумать что будет когда футер окажется в самом центре страницы (например всего один два товара, и меню слева окажется меньше в два раза)
если сайт коммерческий - логотип должен быть запоминающийся... а раздражать юзера - возможностями ему что-то впарить - некорректно и безнравственно. Зомбировать - нельзя. Если он пришел на сайт - он и так знает, что - ты - вася пупкин. продеешь что-то.... Футер, ну - ты об этом знаешь...
Мову и язык учи, а так как мы в евросоюз стремимся - английский, как минимум
Подобный дизайн футера ближе к исключению, чем к правилу. И это ведь лишь один из случаев. Опять таки, что же теперь, делать подвалы только такого типа?
Я не говорю, что вот 1 к 1 так делать. Отойти от стандартов можно и нужно.
Правила для того и существуют, чтобы их нарушать.
Особенно радует глаз надпись - сИзон - в хедлайнере, Сезон - если по русски пишем,Даже Українською! Це - СЕЗОН!. Это с английского перевод? Если да - то тебя не научили тому, что в английском язіке - долгота звука = смыслу? Почему город ночью - основная мысль баннера? Берцы? Д-р Мартенс? Надел и спи спокойно? Клуб - Динамо - ну так и пиши на языке, мовою - якщо не навчили... Не можешь сам - бюро переводов - на каждом шагу. заплати 10 баксов - и.... живи спокойно, мб уважаемым человеком. Извини - досада берет... Хочешь - дам ссылку на учебник русского, або українськоі?
:)
там я сделал еще несколько опечаток, причём специально, можете меня не понять, но я таким образом развлекаюсь. Многие заказчики вообще не видят преднамеренных опечаток, иные почему-то сильно задумываются, ой как сильно :)

Что касается баннера, так это 1 макет (вечерний) из предложенной серии концепта. Могу конечно выложить все, но ведь мы тут не мои работы обсуждаем!!!

Ссылок не нужно, я сам занимаюсь переводами. Это как раз и подтолкнуло на такого рода эксперимент.

Кстати, не советую смешивать языки в одну кучу без определённого разграничения, имхо "суржиком" попахивает...
Если при минимальном колличестве контента в самой странице футер окажется ниже чем две трети страницы (начиная сверху), то прибивть не обязательно.
Всегда прибиваю футеры к нижней границе окна, не задавая ему фиксированную высоту.
Не очень понял, как и какие стандарты это нарушает, ибо это легко и валидно (в strict) верстается.
Серьезно, дайте пример как это верстаеться в Strict?

Долго пробовал, так и не получилось. Верстка div'ами, информации на четверть экрана.
Как прибить DIV к низу экрана и чтобы он там оставался при изменении размера окна браузера в IE 6/7, Firefox, Opera и Safari?
НЛО прилетело и опубликовало эту надпись здесь
Спасибо за ссылки.

Что ошибку заметили - спасибо. За то, что дали ссылку, тоже спасио, хоть я и знаю эти правила :) Но если это кому-то еще поможет - это уже хорошо.

Когда вас спрашивают об одном, а вы поправляете человека в том, что он неправильно спрашивает - это, мягко говоря, невежливо.
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Хм странно почему адекватные коментарии... у кого вызывают негатив... я наверное к этому никогда не привыкну..
«Хм странно почему адекватные коMMентарии...» без единого знака препинания — это сильно. А глубина вопроса заставляется задуматься серьезно, ведь правда, «почему адекватные коMMентарии»? :)
Во-первых, на предыдущий коммент дали ответ ссылкой. Во-вторых, предложили интересную статью по правописанию. Конструктивно же )
«почему адекватные коMMентарии» это же Ваш вопрос. Т.е. Вы задали его что-бы самому на него ответить? На самом деле по форме вопроса понятно, что ответ может быть только один: потому что гладиолус.
НЛО прилетело и опубликовало эту надпись здесь
http://satarena.com/shop/
Мой вариант.
мне как верстальщику абсолютно всё равно, плавает футер или нет.
тут надо смотреть с чисто эстетической точки зрения.
Ну Вы и нашли тему для холивара...
Я не дизайнер, но с точки зрения простой логики футер надо прибивать к низу экрана - он потому и футер, что внизу находится. А я раньше и не знал, что положение этого элемента прописано в дизайнере.
тьфу, в стандарте.
Первый вариант больше отвечает реалиям )
Если не ошибаюсь, по стандартам нельзя ставить элементам высоту 100%.
Можно. По крайней мере, валидатор пропускает css с конструкцией html, body { height:100%; }
НЛО прилетело и опубликовало эту надпись здесь
я думаю что в скороом времени когда 17"ки оживут свое футер всетаки придеться прибивать к низу!
По статистике, разрешением 1024х768 пользуется уже всего около 35-40% пользователей. А 1280х... тоже уже около 30%. А то и больше. Так что ждать осталось не так долго.
забыли про ноутбуки
НЛО прилетело и опубликовало эту надпись здесь
А еще ASUS eeePC и Айфоны: 480px :0)
мне мега-стыдно, но у моего настольного 15" всего ))) ноут 17 широкоформатный
Сегодня как раз любопытствовали на эту тему, просматривая статистику популярных блог-платформ. 800x600 набирают обороты, интернет таблетки набирают поулярность. Так что прогнозы, что 1280 станет стандартным разрешением оказались неоправдаными, имхо.
Ну вот. А я только принял решение больше не делать макеты на 800 по ширине. Хотя, буквально на прошлом месяце, когда дипломку писал, смотрел статистику. 800х600 было около 1,5%. Вы меня прямо в озадачили. как же рисовать то? :)
да я тоже дизайнеров озадачил.Ставить минимальную ширину, или как вариант, Боковую панель (если она есть) уводить за видимую область экрана. Как-то раз таким образом прятали баннеры расположенные справа при разрешении 800х600
Я обычно делаю футер привязаным к низу экрана... если контент не влазит - футер уплывает... так симпатичней...
Если на странице так мало инфы, что футер должен почти под шапкой быть, может такая страница и не нужна вовсе?
Дело в том, что не на всех страницах сайта должна быть "Война и мир". Бывает страница с контактной информацией, к примеру, где контента не так много. А если монитор большой...
Согласен. Вообщем-то как уже говорили, все от дизайна зависит.
В таком случае центральной области через css нужно давать параметр "min-height" например... И футер останется футером ;-)
(только один) min-height - полурешение, т.к. он задает верхнюю границу, но не говорит что нужно стремиться к низу, соответственно на очень высоком экране футер будет посередине.
Это может привести к появлению вертикального скроллинга в тех случаях, когда высота окна браузера пользователя меньше расчитанных разработчиком (например если у пользователя установлены тулбары).
НЛО прилетело и опубликовало эту надпись здесь
Ага, и зачем целую тему этому выделять?
Первый дизайнер (автор) порядочный, а второй хочет схалтурить.
Меня лично, как обычного пользователя, мало интересует копирайт и те пара ссылок которые обычно располагаются в футере. Поэтому мне нравится когда футер прибит к нижней границе окна, а не акцентирует на себе внимание где-то ближе к центру.
Прибивайте футер. Будут сопротивляться, скажите, что Алексей Новиков сказал футер к низу прибить.


:)))
НЛО прилетело и опубликовало эту надпись здесь
«Питерский Лебедев» &copy somebody )))
ггг, отжог )))
Коллеги, а чем вам не понравилась ссылка на блог Алексея?
НЛО прилетело и опубликовало эту надпись здесь
Окей) Я теперь так и буду говорить ;-) Аргументировать свой выбор так сказать)))
В проектах компании постоянно «прибиваю» его к низу.
Сегодня, например, как раз этим и занимался :)
Футер на то и футер, что подвал. А подвал, как мне кажется, не должен быть в середине страницы. Страница тогда выглядит как-будто обрубленной. А если футер внизу страницы, то какая-то целостность что-ли визуальная. В книге номера страниц ведь не пишут в середине, если текста не хватило на полную страницу.
Полностью поддерживаю. В печати нижний колонтитул есть всегда (почти) и он всегда внизу страницы — это правила. Сайты в большинстве своем те же газеты, книги, плакаты. Тем неменее, если футер плавает, то я полагаю его не надо выделять. Чаще всего достаточно одной линии, слабый шрифт или цвет фона как у страницы (отличный от контента).
А как его туда прибить на слоях? Помню, раньше такого эффекта можно было добиться таблицей с height=100%, но это не соответсвовало спецификации (то ли XHTML1.1, то ли HTML4) и не работало с DTD.
Ну, примерно вот так (css).
в опере на вашей странице непостижимым образом появляется вертикальный скролл
странно, в 9.24 у меня скроллом и не пахнет
у меня в опере 9.25 на разрешеннии 1024x768 тож появился скролл, оно просто не влезло, но достаточно сделать "show no images", и видна идея - футер внизу))
в сафари какбе тоже скролл, по-моему совсем не нужный. но тебе виднее :)
маковское сафари? :) ну да, на нём проверить я не мог :)
ага, оно, унылое ;)
беспомощное, ты хотел сказать, что ли? :)
у меня в сафари все нормально..
скролл появляется только при сжимании окна меньше допустимого.
хотя html на мой взгляд какой-то странный.. немнемоничный :-)
ой, да ладно, применять семантическую вёрстку к страцнице-заглушке, мягко говоря, странно)
впринципе согласен. на раз уж страница в качестве примера показывается, то, как мне кажется, она должна быть идеальной :-)
когда я вешал заглушку, я как-то не предполагал, что зачем-то буду обсуждать её семантику :))
а у меня и в ff вертикальный скролл ;)
а, понял, кажется. там пнг длинный, из-за него и скролл. при 1024 по высоте, например, скролла нет :)
Спасибо за пример, разобрался с ним, возьму на вооружение, раньше на таблицах делал :)
Но и здесь без трюков не обошлось, как обыно (я про «* html #page»), а жаль.
в Firefox2 / Mac тоже скролл вертикальный.
А вообще вы рискуете, IE6 не понимает CSS min-height
> в Firefox2 / Mac тоже скролл вертикальный.
Вертикальный скролл появляется, когда содержиме не влазит по высоте. Попробуйте отредактировать сохраненную копию, убрать картинку, например. Насчет min-height смотреть мой коммент выше.
min-height:100%; height:auto !important; height:100%;
я считаю, что задачу нужно начинать решать не с того где должен быть футер, а с того, где вы хотите расположить основной информационный акцент.
На мой взгляд, верны первый и третий варианты, первый мне нравится больше. Это я по книжной верстке сужу. Знаете, я книжки читал и читаю. Оно конечно вещи разные и всё же.
НЛО прилетело и опубликовало эту надпись здесь
действительно - категоричность в высказываниях нужно искоренять (сказал я категорично)
просто хотел довести следующую мысль - что вопрос с футером это тот же вопрос о резиновом дизайне - почему то горизонтальное разрезинование приняли, а вертикальное никак не могут. спасибо.
Дело в том, что в большинстве случаев, дизайн страницы - это целостная композиция, и растягивание её на всю ширину окна, способствует этой целостности. Если грамотно предусмотреть растягивание. Таким образом всё окно браузера становится одной композицией (бывают и исключения). А вот взлетающие вверх футеры эту целостность в большинстве своём убивают, оставляя внизу уходящую вникуда пустоту. Иногда это оправданно, но редко...
Мне кажется, все зависит от того, с какого конца вы яйца разбиваете.
ya.ru
А вот это с ya.ru можно назвать футером? Как видите, прибито книзу самизнаетекем.
И вообще, при чем тут стандарты? Если футер красиво смотрится именно снизу, зачем ему быть где-то посередине? Это же дизайн.
Веталегом оно прибито, Веталегом.
Как пользователь и как разработчик считаю, что футер должен быть внизу.

Если я(пользователь) развернул окно браузера до такого размера, что оно больше чем требуется для размещения контента, то значит мне так удобно и футер посреди экрана мне нафиг не нужен! В футер помещают контакты, кто сделал, счётчики и т.п. НЕ НАДО мне на это смотреть! Понадобится, тогда посмотрю вниз и увижу, а перед глазами у меня эти информационные помои не должны маячить.

А если хотите делать "тру", тогда сайт должен содержать только информацию, ибо для этого он предназначен, а оформительных картинок быть не должно. Поэтому извращенские превдо тру дизайны сделаные через задницу, пость туда и отправляются. Вот моё мнение.

Ато устроили двоёные стандарты. Что, всё остальное в дизайне и вёрстке идиально, нечем заняться?
Эй! Чего минусами сорить? Я дал конкретный ответ на конкретно заданный вопрос :)
А если серьезно, то вот ссылочка http://yample.com/popupon/?p=54 с различными современными веяниями в "подвальном" вопросе.
P/S: К сожалению, на использование html раpметки в своих постах я пока не дорос, а тут вы еще со своими минусами ;)
Контекст показать нам возможным считаешь ты?
Думать нужно про конкретную задачу, а не табу «нельзя прибивать!» или «всегда прибивать!»
Так что любые мнения на эту тему без конкретных макетов — это блажь и муть.

Дизайнер имеет право требовать от верстальщика «прибить эту штуку вон туда». Но, с другой стороны, верстальщик не должен решать проблемы дизайнера, который не продумал как это будет выглядеть на 30" мониторе с одной строчкой текста на странице.
Футер прибивают книзу по той же причине, что и начинают страницу с верха экрана, а не от центра.
Если футер в середине экрана пасется, то почему бы не располагать контент с шапкой тоже по центру? :)

Теоретически, возможны варианты, когда футер можно сделать достойным акцента и с чистой совестью не прибивать.
НЛО прилетело и опубликовало эту надпись здесь
Если это вопрос, то где голосовалка? :( По теме: к низу, конечно. Интересно, почему возникает вопрос о плавающем футере, но не возникает вопрос о плавающей шапке? Плавающая шапка — абсурд, согласны? Ну а что? Прибить футер и оставить плавающую шапку. Пока писал вот о чём подумал: а на сайтах с письмом справа налево и снизу вверх которое, ну с арабской вязью там, роли футера и шапки меняются между собой? Действительно, шапка в нашем понимании должна плавать что ли? Кто-нибудь компетентен в этом вопросе?
Наглядный пример отвратительной прибитой шапки, занимающей полэкрана.
Ах, а как замечательно она будет смотреться на экране широкоформатного ноутбука!
Это не "прибитая" шапка, а фиг знает что. Мы здесь, когда говорим о прибитом футере, подразумеваем не то, что он должен быть всегда виден, а лишь о том что он не должен висеть в середине страницы, если на ней не достаточно контента.
P.S. Вспомнил фреймы, содрогнулся.
а что? нормально смотрится :) у меня на широкоформатном ноутбуке так большинство сайтов смотрится :)
Ой! посмотрел на своем широкоформатном но 12 дюймов и сначала подумал что "небо падает", все ждал что еще какиенить блоки куданить побегут перестраиваться
Голосовалки не делал, так как больше интересует не простая статистика, а мнения с аргументацией.
а как вы прибиваете футер? как Лебедев, таблицами?
там выше ссылка есть. таблицы - только для таблиц ;)
по ссылкам как раз свёрстано на таблицах, и футер не фиксированной высоты.
я не про лебедева, я про себя ;)
понятно, спасибо
непонятно :(
в Fx вроде получилось почти так же, а в IE6 - фиг!
сорри, всё понятно, и даже работает. спасибо!
Будьте последовательны - если прибиваете шапку, то прибейте и футер
Если шапку можно скрыть скролингом, то футер тогда тоже - иначе кто нить из них обидится :)
А он и должен скролиться, если контент больше окна, а вот если меньше, то по середке болтаться не должен об ентом речь.
Правильно...
Уменьшите тот же ya.ru до одной строки — футер скролится, распахните на весь экран — он прибит к нижнему краю.
А вы наверное о тех случаях, когда шапка или элементы навигации всегда в окне, не зависимо от позиции скрола. Я не так много видел действительно оправданных примеров использования этого приема и честно говоря это раздражает. Все эти подергивания...
Создайте чтоли опрос кто-нибудь, посмотрим на результат)
А где в стандартах W3C прописано положение футера?
присоеденяюсь к вопросу, только хотел линку попросить :)
Я могу предположить, что в XHTML2, с появлением семантических тегов, типа header или aside, может и footer будет, да ещё с конкретными требованиями к расположению этих элементов. Но очень сомневаюсь…
Может, в HTML5? ;)
Ну, да, разогнался я :)
Речь не о положении футера как такового, а о значении height="100%", которое при блочной вёрстке ставить, якобы, нельзя по стандартам. А значит и футер вниз не опустить без извращений некоторых. Для меня это звучит дико.
Стандарты не запрещают ничего подобного. Просто люди, которые стандарты придумывали, не думали даже о возможности многоколоночной верстки, не то что про какие-то футеры-подвалы. О другом люди думали. Получается, что футеры и прочее - это добровольное "извращение" разработчика - его проблемы :) Ничего не запрещено, просто все чуть сложнее чем раньше.
Конкретно это там не прописано. Но всё сделано так, чтобы прибивать футер к низу пришлось через жопу :(
В W3C ни слова не сказано о том, снизу футер должен быть или не снизу.
Я думаю, если шапка сайта (ну и вообще информативная часть) начинается с верхней границы,
то и завершаться информативная часть должна внизу (прибить к низу). Я в основном так и делаю.
Но если инф. часть не от верхней границы, то футер можно и не прибивать к низу. И это правильно.

Так что все зависит от конкретной ситуации.

Но все-таки я считаю, что в большинстве случаев прибивать к низу надо.
По мне таки-надо прибивать к низу окна. Не очень понятен отсыл к W3C в аргументации вашего коллеги )))
Смотрите мой ответ выше.
лучше сделать опрос, наглядней будет
Все таки "прибивание" подвала к низу окна браузера момент весьма зависящий от того, что за профиль у сайта, каков дизайн, среднее количество контента и т.п.
Чтобы понять кто прав, достаточно представить себе страницу с контентом в две строки и притянутым к низу подвалом. Потом понять уебищность данной картины, и огромной дыры в центре страницы в частности.

Не существует такого понятия как "среднее количество контента". Дизайн должен быть универсальным.

http://www.free-lance.ru/users/raga/view… — в этом случае я вообще не вижу проблем, препятсвующих сделать футер плавающим.

Поймите одну простую вещь. Правильный подвал служит отбивкой всему контенту на странице, дает понять пользователю, что ниже уже ничего не будет. Отбивать 500 пикселей пустого экрана — мягко говоря, довольно сомнительное решение.
В случае с парой строк футер вне зависимости внизу ли он или сразу после контента — он в любом случае виден пользователю и как тут не понять что контент вышел? Если контента больше, то футер за экраном. И опять таки ясно что нужно прокрутить. В чем я с Вами абсолютно согласен, так это по поводу логической роли подвала. Но, вспомните те же книжки. Даже если на странице один абзац в пять строк, то сноски в подвале, а подвал где? Вот.
На мой взгляд - довольно сомнительное решение делать футер равноправным по значимости элементом с тем же контентом, например. И гораздо ущербнее смотрится подвал, разростающийся на пол экрана. Для меня страница сайта - это композиция впмсанная в окно броузера. Вы можете себе представить картину, которая вписана в огромную рамку, прилеплена к её верху и заканчивается примерно на середине? А дальше до нижнего края рамки идёт какой-либо фон? А вот пустого пространства над футером я совершенно не пугаюсь. Это вполне нормально. Гораздо лучше чем слепленная друг с другом куча, взлетевшая вверх.
имхо меня как юзера раздражает всё что прыгает или бегает на сайте.. неважно там баннер, футер, меню навигации.. просто раздражает..
Честно говоря, весьма удивился, когда узнал, что есть люди яростно отстаивающие плавающий футер. Всегда казалось, что плавающий подвал - это от лени или неумения(незнания), но скорее от первого.
Почему-то навеяло: крыша поехала, подвал поплыл.. :)
Я за плавающий футер! На странице не должно быть меньше половины экрана информации при разрешении 1280.
imho :)
Супер. А если это страница, котрую пользователь сам заполняет? К примеру, страница его статей. Или почтовый ящик. Пока ему не прийдёт достаточного количества писем, вы что предлагаете? Забивать страницу мусором, лишь бы растянуть?
Стандарты никому ничего не должны. Стандарты W3C, как это уже было сказано, не могут регламентировать вопрос положения футера на странице. Бред. Этот вопрос должен быть решен дизайнером исходя из ситуации. Если у вас контента на странице на 3 строчки, просто не делайте футер.
В нашем случае, страниц с малым количеством информации мало, к тому же почти все они зависят от активности полтьзователя, так как содержание добавляется им. А футер у нас есть везде. Без него всё совсем плохо будет :).
Значит нужно что-то менять. По-моему страница с футером сразу под шапкой и пустая страница с футером внизу смотрятся одинаково плохо.
Ну, всё не настолько плохо, что вообще пустая страница без информации. Несколько строчек есть, но немного.
>>Если у вас контента на странице на 3 строчки, просто не делайте футер.
Что это вы такое сказали? Как это ПРОСТО НЕ делайте футер? Я - заказчик, вы - исполнитель, мы оговорили, что футер содержит допустим мои контактные данные. А вы(исполнитель) из личных соображений(не хотели возиться) решили, что на какой-то странице футера не будет :) Это мне решать, а не вам, не так ли?

PS: допустим рабочая система - страница содержит акционные товары, их количество не определено, когда сдавали проект - их было 10 и все было отлично. А потом стало 3 и все подскочило вверх, что скажете - уберите футер?
Эстетически - однозначно футер должен быть "привязан" к низу.
Только ~5% проектов где футер не будет смотреться внизу.
Чтобы грамотно привязать футер, нужна определенная квалификация верстальщика. Вот почему в 90% случаев не верстают с привязкой.
А еще много сайтов где контента всегда будет много, тогда зачем его привязывать, ведь height:100% не есть стандартизированым ?
Если на странице мало информации, а футер отвлекает, то это повод задуматься над тем, не слишком ли у вас толстый футер. Если задуматься лень, то просто вставьте лишние переносы строк чтобы опустить футер ниже и не парьтесь.
Имхо, тема спора вообще не корректна.

Существует масса случаев когда футер не прибить к низу попросту нельзя.
Даже тот скрин сверху, правильно подмечено, как раз из таких. Если футер «отпустить», это все равно что натянуть рейтузы по шею: в принципе можно, и кому-то покажется правильным, но как-то не комфортно. И напротив, на хорошем «свободном» сайте делай хоть так, хоть эдак. Будет выглядеть отлично.

Тут все на 100% зависит от графики. Стандарт напрямую не привяжешь.
Зависит от дизайна.
Если футер легкий - прибивать не нужно (см. резалт поиска Яндекса).
W3C вообще не в тему.
WC3 еще как в тему, недавно в жж поднимал схожую тему.
Дело то в том, что в XHTML11 высота элемента (в процентах) должна считаться относительно высоты его предка. Вот только если контента больше чем на 100% в большинстве браузеров размер не пересчитывается и контент просто «вылазит». Есть конечно различные методы борьбы (что само по себе уже очень плохо) с этой ситуацией, но все имеют недостатки и портят семантику.

Прижимать или нет — конечно зависит от дизайна, но прижатый может породить некоторые трудности.
Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

Публикации

Истории