как раз пример того где футер лучше прибивать к нижнему краю, иначе придется додумать что будет когда футер окажется в самом центре страницы (например всего один два товара, и меню слева окажется меньше в два раза)
если сайт коммерческий - логотип должен быть запоминающийся... а раздражать юзера - возможностями ему что-то впарить - некорректно и безнравственно. Зомбировать - нельзя. Если он пришел на сайт - он и так знает, что - ты - вася пупкин. продеешь что-то.... Футер, ну - ты об этом знаешь...
Мову и язык учи, а так как мы в евросоюз стремимся - английский, как минимум
Подобный дизайн футера ближе к исключению, чем к правилу. И это ведь лишь один из случаев. Опять таки, что же теперь, делать подвалы только такого типа?
Особенно радует глаз надпись - сИзон - в хедлайнере, Сезон - если по русски пишем,Даже Українською! Це - СЕЗОН!. Это с английского перевод? Если да - то тебя не научили тому, что в английском язіке - долгота звука = смыслу? Почему город ночью - основная мысль баннера? Берцы? Д-р Мартенс? Надел и спи спокойно? Клуб - Динамо - ну так и пиши на языке, мовою - якщо не навчили... Не можешь сам - бюро переводов - на каждом шагу. заплати 10 баксов - и.... живи спокойно, мб уважаемым человеком. Извини - досада берет... Хочешь - дам ссылку на учебник русского, або українськоі?
:)
там я сделал еще несколько опечаток, причём специально, можете меня не понять, но я таким образом развлекаюсь. Многие заказчики вообще не видят преднамеренных опечаток, иные почему-то сильно задумываются, ой как сильно :)
Что касается баннера, так это 1 макет (вечерний) из предложенной серии концепта. Могу конечно выложить все, но ведь мы тут не мои работы обсуждаем!!!
Ссылок не нужно, я сам занимаюсь переводами. Это как раз и подтолкнуло на такого рода эксперимент.
Кстати, не советую смешивать языки в одну кучу без определённого разграничения, имхо "суржиком" попахивает...
Всегда прибиваю футеры к нижней границе окна, не задавая ему фиксированную высоту.
Не очень понял, как и какие стандарты это нарушает, ибо это легко и валидно (в strict) верстается.
Серьезно, дайте пример как это верстаеться в Strict?
Долго пробовал, так и не получилось. Верстка div'ами, информации на четверть экрана.
Как прибить DIV к низу экрана и чтобы он там оставался при изменении размера окна браузера в IE 6/7, Firefox, Opera и Safari?
«Хм странно почему адекватные коMMентарии...» без единого знака препинания — это сильно. А глубина вопроса заставляется задуматься серьезно, ведь правда, «почему адекватные коMMентарии»? :)
«почему адекватные коMMентарии» это же Ваш вопрос. Т.е. Вы задали его что-бы самому на него ответить? На самом деле по форме вопроса понятно, что ответ может быть только один: потому что гладиолус.
Ну Вы и нашли тему для холивара...
Я не дизайнер, но с точки зрения простой логики футер надо прибивать к низу экрана - он потому и футер, что внизу находится. А я раньше и не знал, что положение этого элемента прописано в дизайнере.
По статистике, разрешением 1024х768 пользуется уже всего около 35-40% пользователей. А 1280х... тоже уже около 30%. А то и больше. Так что ждать осталось не так долго.
Сегодня как раз любопытствовали на эту тему, просматривая статистику популярных блог-платформ. 800x600 набирают обороты, интернет таблетки набирают поулярность. Так что прогнозы, что 1280 станет стандартным разрешением оказались неоправдаными, имхо.
Ну вот. А я только принял решение больше не делать макеты на 800 по ширине. Хотя, буквально на прошлом месяце, когда дипломку писал, смотрел статистику. 800х600 было около 1,5%. Вы меня прямо в озадачили. как же рисовать то? :)
да я тоже дизайнеров озадачил.Ставить минимальную ширину, или как вариант, Боковую панель (если она есть) уводить за видимую область экрана. Как-то раз таким образом прятали баннеры расположенные справа при разрешении 800х600
Дело в том, что не на всех страницах сайта должна быть "Война и мир". Бывает страница с контактной информацией, к примеру, где контента не так много. А если монитор большой...
(только один) min-height - полурешение, т.к. он задает верхнюю границу, но не говорит что нужно стремиться к низу, соответственно на очень высоком экране футер будет посередине.
Это может привести к появлению вертикального скроллинга в тех случаях, когда высота окна браузера пользователя меньше расчитанных разработчиком (например если у пользователя установлены тулбары).
Меня лично, как обычного пользователя, мало интересует копирайт и те пара ссылок которые обычно располагаются в футере. Поэтому мне нравится когда футер прибит к нижней границе окна, а не акцентирует на себе внимание где-то ближе к центру.
Футер на то и футер, что подвал. А подвал, как мне кажется, не должен быть в середине страницы. Страница тогда выглядит как-будто обрубленной. А если футер внизу страницы, то какая-то целостность что-ли визуальная. В книге номера страниц ведь не пишут в середине, если текста не хватило на полную страницу.
Полностью поддерживаю. В печати нижний колонтитул есть всегда (почти) и он всегда внизу страницы — это правила. Сайты в большинстве своем те же газеты, книги, плакаты. Тем неменее, если футер плавает, то я полагаю его не надо выделять. Чаще всего достаточно одной линии, слабый шрифт или цвет фона как у страницы (отличный от контента).
А как его туда прибить на слоях? Помню, раньше такого эффекта можно было добиться таблицей с height=100%, но это не соответсвовало спецификации (то ли XHTML1.1, то ли HTML4) и не работало с DTD.
у меня в опере 9.25 на разрешеннии 1024x768 тож появился скролл, оно просто не влезло, но достаточно сделать "show no images", и видна идея - футер внизу))
у меня в сафари все нормально..
скролл появляется только при сжимании окна меньше допустимого.
хотя html на мой взгляд какой-то странный.. немнемоничный :-)
Спасибо за пример, разобрался с ним, возьму на вооружение, раньше на таблицах делал :)
Но и здесь без трюков не обошлось, как обыно (я про «* html #page»), а жаль.
> в Firefox2 / Mac тоже скролл вертикальный.
Вертикальный скролл появляется, когда содержиме не влазит по высоте. Попробуйте отредактировать сохраненную копию, убрать картинку, например. Насчет min-height смотреть мой коммент выше.
На мой взгляд, верны первый и третий варианты, первый мне нравится больше. Это я по книжной верстке сужу. Знаете, я книжки читал и читаю. Оно конечно вещи разные и всё же.
действительно - категоричность в высказываниях нужно искоренять (сказал я категорично)
просто хотел довести следующую мысль - что вопрос с футером это тот же вопрос о резиновом дизайне - почему то горизонтальное разрезинование приняли, а вертикальное никак не могут. спасибо.
Дело в том, что в большинстве случаев, дизайн страницы - это целостная композиция, и растягивание её на всю ширину окна, способствует этой целостности. Если грамотно предусмотреть растягивание. Таким образом всё окно браузера становится одной композицией (бывают и исключения). А вот взлетающие вверх футеры эту целостность в большинстве своём убивают, оставляя внизу уходящую вникуда пустоту. Иногда это оправданно, но редко...
А вот это с ya.ru можно назвать футером? Как видите, прибито книзу самизнаетекем.
И вообще, при чем тут стандарты? Если футер красиво смотрится именно снизу, зачем ему быть где-то посередине? Это же дизайн.
Как пользователь и как разработчик считаю, что футер должен быть внизу.
Если я(пользователь) развернул окно браузера до такого размера, что оно больше чем требуется для размещения контента, то значит мне так удобно и футер посреди экрана мне нафиг не нужен! В футер помещают контакты, кто сделал, счётчики и т.п. НЕ НАДО мне на это смотреть! Понадобится, тогда посмотрю вниз и увижу, а перед глазами у меня эти информационные помои не должны маячить.
А если хотите делать "тру", тогда сайт должен содержать только информацию, ибо для этого он предназначен, а оформительных картинок быть не должно. Поэтому извращенские превдо тру дизайны сделаные через задницу, пость туда и отправляются. Вот моё мнение.
Ато устроили двоёные стандарты. Что, всё остальное в дизайне и вёрстке идиально, нечем заняться?
Эй! Чего минусами сорить? Я дал конкретный ответ на конкретно заданный вопрос :)
А если серьезно, то вот ссылочка http://yample.com/popupon/?p=54 с различными современными веяниями в "подвальном" вопросе.
P/S: К сожалению, на использование html раpметки в своих постах я пока не дорос, а тут вы еще со своими минусами ;)
Думать нужно про конкретную задачу, а не табу «нельзя прибивать!» или «всегда прибивать!»
Так что любые мнения на эту тему без конкретных макетов — это блажь и муть.
Дизайнер имеет право требовать от верстальщика «прибить эту штуку вон туда». Но, с другой стороны, верстальщик не должен решать проблемы дизайнера, который не продумал как это будет выглядеть на 30" мониторе с одной строчкой текста на странице.
Футер прибивают книзу по той же причине, что и начинают страницу с верха экрана, а не от центра.
Если футер в середине экрана пасется, то почему бы не располагать контент с шапкой тоже по центру? :)
Теоретически, возможны варианты, когда футер можно сделать достойным акцента и с чистой совестью не прибивать.
Если это вопрос, то где голосовалка? :( По теме: к низу, конечно. Интересно, почему возникает вопрос о плавающем футере, но не возникает вопрос о плавающей шапке? Плавающая шапка — абсурд, согласны? Ну а что? Прибить футер и оставить плавающую шапку. Пока писал вот о чём подумал: а на сайтах с письмом справа налево и снизу вверх которое, ну с арабской вязью там, роли футера и шапки меняются между собой? Действительно, шапка в нашем понимании должна плавать что ли? Кто-нибудь компетентен в этом вопросе?
Это не "прибитая" шапка, а фиг знает что. Мы здесь, когда говорим о прибитом футере, подразумеваем не то, что он должен быть всегда виден, а лишь о том что он не должен висеть в середине страницы, если на ней не достаточно контента.
P.S. Вспомнил фреймы, содрогнулся.
Ой! посмотрел на своем широкоформатном но 12 дюймов и сначала подумал что "небо падает", все ждал что еще какиенить блоки куданить побегут перестраиваться
Будьте последовательны - если прибиваете шапку, то прибейте и футер
Если шапку можно скрыть скролингом, то футер тогда тоже - иначе кто нить из них обидится :)
А вы наверное о тех случаях, когда шапка или элементы навигации всегда в окне, не зависимо от позиции скрола. Я не так много видел действительно оправданных примеров использования этого приема и честно говоря это раздражает. Все эти подергивания...
Я могу предположить, что в XHTML2, с появлением семантических тегов, типа header или aside, может и footer будет, да ещё с конкретными требованиями к расположению этих элементов. Но очень сомневаюсь…
Речь не о положении футера как такового, а о значении height="100%", которое при блочной вёрстке ставить, якобы, нельзя по стандартам. А значит и футер вниз не опустить без извращений некоторых. Для меня это звучит дико.
Стандарты не запрещают ничего подобного. Просто люди, которые стандарты придумывали, не думали даже о возможности многоколоночной верстки, не то что про какие-то футеры-подвалы. О другом люди думали. Получается, что футеры и прочее - это добровольное "извращение" разработчика - его проблемы :) Ничего не запрещено, просто все чуть сложнее чем раньше.
В W3C ни слова не сказано о том, снизу футер должен быть или не снизу.
Я думаю, если шапка сайта (ну и вообще информативная часть) начинается с верхней границы,
то и завершаться информативная часть должна внизу (прибить к низу). Я в основном так и делаю.
Но если инф. часть не от верхней границы, то футер можно и не прибивать к низу. И это правильно.
Так что все зависит от конкретной ситуации.
Но все-таки я считаю, что в большинстве случаев прибивать к низу надо.
Все таки "прибивание" подвала к низу окна браузера момент весьма зависящий от того, что за профиль у сайта, каков дизайн, среднее количество контента и т.п.
Чтобы понять кто прав, достаточно представить себе страницу с контентом в две строки и притянутым к низу подвалом. Потом понять уебищность данной картины, и огромной дыры в центре страницы в частности.
Не существует такого понятия как "среднее количество контента". Дизайн должен быть универсальным.
Поймите одну простую вещь. Правильный подвал служит отбивкой всему контенту на странице, дает понять пользователю, что ниже уже ничего не будет. Отбивать 500 пикселей пустого экрана — мягко говоря, довольно сомнительное решение.
В случае с парой строк футер вне зависимости внизу ли он или сразу после контента — он в любом случае виден пользователю и как тут не понять что контент вышел? Если контента больше, то футер за экраном. И опять таки ясно что нужно прокрутить. В чем я с Вами абсолютно согласен, так это по поводу логической роли подвала. Но, вспомните те же книжки. Даже если на странице один абзац в пять строк, то сноски в подвале, а подвал где? Вот.
На мой взгляд - довольно сомнительное решение делать футер равноправным по значимости элементом с тем же контентом, например. И гораздо ущербнее смотрится подвал, разростающийся на пол экрана. Для меня страница сайта - это композиция впмсанная в окно броузера. Вы можете себе представить картину, которая вписана в огромную рамку, прилеплена к её верху и заканчивается примерно на середине? А дальше до нижнего края рамки идёт какой-либо фон? А вот пустого пространства над футером я совершенно не пугаюсь. Это вполне нормально. Гораздо лучше чем слепленная друг с другом куча, взлетевшая вверх.
Честно говоря, весьма удивился, когда узнал, что есть люди яростно отстаивающие плавающий футер. Всегда казалось, что плавающий подвал - это от лени или неумения(незнания), но скорее от первого.
Почему-то навеяло: крыша поехала, подвал поплыл.. :)
Супер. А если это страница, котрую пользователь сам заполняет? К примеру, страница его статей. Или почтовый ящик. Пока ему не прийдёт достаточного количества писем, вы что предлагаете? Забивать страницу мусором, лишь бы растянуть?
Стандарты никому ничего не должны. Стандарты W3C, как это уже было сказано, не могут регламентировать вопрос положения футера на странице. Бред. Этот вопрос должен быть решен дизайнером исходя из ситуации. Если у вас контента на странице на 3 строчки, просто не делайте футер.
В нашем случае, страниц с малым количеством информации мало, к тому же почти все они зависят от активности полтьзователя, так как содержание добавляется им. А футер у нас есть везде. Без него всё совсем плохо будет :).
>>Если у вас контента на странице на 3 строчки, просто не делайте футер.
Что это вы такое сказали? Как это ПРОСТО НЕ делайте футер? Я - заказчик, вы - исполнитель, мы оговорили, что футер содержит допустим мои контактные данные. А вы(исполнитель) из личных соображений(не хотели возиться) решили, что на какой-то странице футера не будет :) Это мне решать, а не вам, не так ли?
PS: допустим рабочая система - страница содержит акционные товары, их количество не определено, когда сдавали проект - их было 10 и все было отлично. А потом стало 3 и все подскочило вверх, что скажете - уберите футер?
Эстетически - однозначно футер должен быть "привязан" к низу.
Только ~5% проектов где футер не будет смотреться внизу.
Чтобы грамотно привязать футер, нужна определенная квалификация верстальщика. Вот почему в 90% случаев не верстают с привязкой.
А еще много сайтов где контента всегда будет много, тогда зачем его привязывать, ведь height:100% не есть стандартизированым ?
Если на странице мало информации, а футер отвлекает, то это повод задуматься над тем, не слишком ли у вас толстый футер. Если задуматься лень, то просто вставьте лишние переносы строк чтобы опустить футер ниже и не парьтесь.
Существует масса случаев когда футер не прибить к низу попросту нельзя.
Даже тот скрин сверху, правильно подмечено, как раз из таких. Если футер «отпустить», это все равно что натянуть рейтузы по шею: в принципе можно, и кому-то покажется правильным, но как-то не комфортно. И напротив, на хорошем «свободном» сайте делай хоть так, хоть эдак. Будет выглядеть отлично.
Тут все на 100% зависит от графики. Стандарт напрямую не привяжешь.
WC3 еще как в тему, недавно в жж поднимал схожую тему.
Дело то в том, что в XHTML11 высота элемента (в процентах) должна считаться относительно высоты его предка. Вот только если контента больше чем на 100% в большинстве браузеров размер не пересчитывается и контент просто «вылазит». Есть конечно различные методы борьбы (что само по себе уже очень плохо) с этой ситуацией, но все имеют недостатки и портят семантику.
Прижимать или нет — конечно зависит от дизайна, но прижатый может породить некоторые трудности.
Прибивать ли футеры к низу?