Я создал скрипку с верхним и нижним колонтитулами.
Вы видите, что CSS для верхнего и нижнего колонтитула аналогичны. Нижний колонтитул ведет себя так, как я хочу, но заголовок сталкивается с текстом при прокрутке.
Вы знаете, что не так?
спасибо
Это просто вопрос добавления значения z-index к #header.
z-index
#header
Демонстрация: jsfiddle.net / Jua3j / 22 * 1007 *
Кроме того, не забудьте дать #content достаточно padding-bottom, чтобы очистить высоту #footer.
#content
padding-bottom
#footer
Поскольку ваш div контента находится после заголовка, его z-индекс по умолчанию "выше", поэтому он будет "сверху" вашего заголовка при прокрутке.
Добавить
z-index:1000;
в заголовок css.