Фиксированный заголовок, прокручиваемое тело. Как без таблицы?

Question

Я хотел создать постоянный заголовок на моем веб-сайте, где тело прокручивает при необходимости. Вроде как Facebook например.

Я вижу много примеров, касающихся таблиц, поэтому я хотел выяснить, есть ли способ сделать это без таблиц.

Answer 1

Вам нужно только установить положение заголовка, который будет исправлен, так:

#header{
    position:fixed;
    top:0; left:0;
    height:40px;
    width:100%;
    z-index:999;
}

Это обеспечит фиксированный верхний колонтитул в верхней части страницы и позволит прокрутить тело страницы.

Кроме того, забыли добавить, в зависимости от высоты вашего заголовка, вы можете добавить отступ сверху при запуске контента. Это гарантирует, что ваш контент не будет перекрыт заголовком overlappng при первой загрузке контента.

Answer 2

Таблицы не нужны вообще. Вы можете сделать это, сделав div шириной 100% и немного произвольной высоты, а затем сделав позицию: зафиксировано с верхним и левым значениями, равными 0.

Тогда обязательно нажимайте на другой контент с помощью CSS, чтобы он не находился под этим заголовком.