Html height:100% создает прокрутку в Wordpress. Как исправить?

Question

[jab]

Дано: сайт на вордпрессе, тема основана на бутстрапе.

Понадобилось прижать футер книзу.
И тут возникла проблема. Дело в том, что

html  {
      height:100%
      }

создает вертикальную прокрутку, когда я или заказчик залогинены на сайте и активна верхняя панель вордпресса.

Нужны идеи, как это можно поправить.

Answer 1

[Андрей Хохлов]

Когда показывается админ-панель, в head появляется следующий код:

<style type="text/css" media="screen">
	html { margin-top: 32px !important; }
	* html body { margin-top: 32px !important; }
	@media screen and ( max-width: 782px ) {
		html { margin-top: 46px !important; }
		* html body { margin-top: 46px !important; }
	}
</style>

html получается 100% высоты экрана + 32px, отсюда и прокрутка.

Я предпочитаю радикальное решение:

add_theme_support( 'admin-bar', array( 'callback' => '__return_false' ) );

Полностью убираем эти css из head, а отступ, если нужен, задаем с помощью padding у какого-нибудь из элементов (тот же header, например). Наличие админ-панели можно определить по классу admin-bar у body).

Comments

[jab]

Хорошая мысль, завтра попробую.