Есть страница
Есть шапка с такой версткой
style
.fixed_header { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; /* Любое положительное значение */ }
Но контентная часть не хочет идти после шапки. В чем проблема?
Ответ
Потому что блок .fixed_header находится не в потоке документа, из-за этого идет смещение контентной части. Для решения проблемы блок .fixed_header нужно обернуть еще в один и задать ему фиксированную высоту, чтобы он занимал пространство, отведенной для .fixed_header
.header { height: 217px; /* Высота вашего фиксированного хедера */ }
Также можно непосредственно самой контентной части задать смещение через margin, однако первый вариант более верный, потому что рассчитан на то, что хедера может вообще не быть или он может изменяться.
Комментариев нет:
Отправить комментарий