homm 15 июн 2010 в 23:11

Еще один прибитый футер. Переменная высота, блочная верстка, JS опционально

2 мин

3.2K

CSS*

+30

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

Morfi 15 июн 2010 в 23:32

Мне кажется, что проще один раз пересчитать высоту на Javascript, чем клонировать весь контент футера.
Да и пересчитывать высоту будет удобнее при изменении футера, например при раскрытии списков каких-нибудь.

homm 15 июн 2010 в 23:39

Изменение размеров страницы изменит высоту футера.

НЛО прилетело и опубликовало эту надпись здесь

malyshev 15 июн 2010 в 23:35

А что мешает при загрузке один раз посчитать высоту и вставить обычный див, с установленной высотой? Думаю, будет экономичнее.

homm 15 июн 2010 в 23:38

Изменение размеров страницы, как следствие изменение высоты футера.

malyshev 16 июн 2010 в 00:23

Да, есть такое.
Ну если уж используем яваскрипт и jQuery, то $(window).resize(...) и поменяли высоту.
Пользователь же не занимается тем, что постоянно таскает мышкой за уголок окошка, изменяя его размеры.
И еще. В футер очень любят засунуть, всякие баннеры-счетчки-метрики-вебвизоры и прочие seo приблуды, которые как правило добавляются вставкой javascript кода, который также склонируется в псевдо-футер и выполнится.
В общем, способ безусловно имеет право на существование, и универсален (хотя, при динамическом изменении содержимого футера, в общем случае, придется обновлять и его близнеца — что тоже не айс), но на мой взгляд — это пальба из пушки по воробьям.
На практике, как правило, проще и эффективнее либо ввести ограничение на высоту футера, либо отбить его от нижней границы.

Panya 16 июн 2010 в 00:04

У этого метода есть еще один недостаток. В IE6 при динамическом изменении высоты блока с position:relative (например, если вставлять блоки через JS), футер с pos:absolute будет оставаться на том же месте где и был. Чтобы это исправить нужно для IE6 принудительно делать рефлоу после вставки/изменении элементов на странице с помощью JS.

НЛО прилетело и опубликовало эту надпись здесь

Panya 16 июн 2010 в 00:20

А как же я забыл, еще конечно, в IE6 футер будет отставать от низа на 1 пиксель при нечетной высоте :)

НЛО прилетело и опубликовало эту надпись здесь

kizu 16 июн 2010 в 01:17

В  :)

ArtyV 16 июн 2010 в 08:24

Оно работает?

kost 16 июн 2010 в 12:45

Скорей всего, нет. Вот так работает:

<del class="inv"><![CDATA[<noindex>]]></del>
   То, что запрещено к индексации
<del class="inv"><![CDATA[</noindex>]]></del>

CSS:
.inv { display: none }

НЛО прилетело и опубликовало эту надпись здесь

ArtyV 16 июн 2010 в 15:42

Не, это точно не работает

kost 16 июн 2010 в 16:46

По вашей ссылке, вроде, говорится, что работает?

ArtyV 16 июн 2010 в 16:53

Так, потом он где-то писал что не работает, видимо не в этом посте, щас поищу

kost 16 июн 2010 в 16:59

У меня на подопытном сайте успешно работает.
Но сейчас перепишу на .

ArtyV 16 июн 2010 в 17:00

Нашёл, контент не индексирует, но вот ссылки всё равно индексируются, хотя может это в принципе фича ноиндекса

kizu 16 июн 2010 в 13:01

Оно работает — help.yandex.ru/webmaster/?id=1111858
Цитирую:

Тег noindex не чувствителен к вложенности (может находиться в любом месте html-кода страницы). При необходимости сделать код сайта валидным возможно использование тега в следующем формате:
текст, индексирование которого нужно запретить