2010-11-09 1 views
0

я отредактированных колонтитул в сайт на основе шаблона (все страницы должны быть построены на одной и той же структуры права?)Странное поведение CSS контролируется колонтитула в шаблоне на некоторых страницах

Но по какой-то причине я не могу find, нижний колонтитул отображается не внизу.

Может быть, весь нижний колонтитул вообще не работает, и мне повезло из-за длинного контента?

Эта страница выглядит хорошо:

page1 page2

Они не выглядят нормально

Page1 Page3

ответ

0

Является ли проблема пробелом между нижним колонтитулом и контентом?

Если да, то удаляет следующее заявления следует сделать трюк:

#content 
{ 
    min-height: 550px; 
} 

Просто быть в курсе, что на страницах без много внутри #content Дива площадь контакта будет перекрывать нижние колонтитулы при нажатии.

+0

Hurray! вы ведете меня к решению. При изменении минимальной высоты до минимальной высоты: 622px; вы вынуждаете контент div быть atleast 622px высоким. Я ошибаюсь и будет ли это работать в других браузерах? – Chris

+0

Да, min-height заставляет элемент быть хотя бы указанной высотой, даже если его содержимое не заполняет пробел. W3Schools заявляет, что поддерживается всеми основными браузерами (http://www.w3schools.com/css/pr_dim_min-height.asp). Режим Quirks показывает, что только версии IE до 7 имеют ограниченную поддержку (http://www.quirksmode.org/css/contents.html) –

+0

ну, я думаю, что этого достаточно. Т.е. 6, я думаю, 10 лет, люди должны начать преодолевать это. :) – Chris

1

Это связано с высоты документа. Тэг body только такой же высокий, как точка, где заканчивается ваш нижний колонтитул, белый пробел под ним по-прежнему является элементом html, но в вашем теге body недостаточно содержимого, чтобы расширить страницу в нижней части браузера, например страницы 1 и 2.

Это ограничение способа создания вашей системы шаблонов, есть способы решения этой проблемы (например, http://ryanfait.com/sticky-footer/), но они могут оказаться вне вашего контроля. Я хотел бы сказать, что переопределение свойства CSS элемента body height будет работать для вас, но я не думаю, что это все равно.

Смежные вопросы