@homm15 июн 2010 в 19:11

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

2 мин

3.3K

CSS *

+30

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

@Morfi 15 июн 2010 в 19:32

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

@homm 15 июн 2010 в 19:39

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

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

@malyshev 15 июн 2010 в 19:35

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

@homm 15 июн 2010 в 19:38

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

@malyshev 15 июн 2010 в 20:23

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

@Panya 15 июн 2010 в 20:04

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

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

@Panya 15 июн 2010 в 20:20

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

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

@kizu 15 июн 2010 в 21:17

В  :)

@ArtyV 16 июн 2010 в 04:24

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

@kost 16 июн 2010 в 08:45

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

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

CSS:
.inv { display: none }

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

@ArtyV 16 июн 2010 в 11:42

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

@kost 16 июн 2010 в 12:46

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

@ArtyV 16 июн 2010 в 12:53

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

@kost 16 июн 2010 в 12:59

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

@ArtyV 16 июн 2010 в 13:00

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

@kizu 16 июн 2010 в 09:01

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

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