Я хотел реализовать постоянный заголовок на своем веб-сайте, где тело прокручивается, если потребуется. Например, как Facebook.Фиксированный заголовок, прокручиваемое тело. Как без таблицы?
Я вижу много примеров относительно таблиц, поэтому я хотел узнать, есть ли способ сделать это без таблиц.
Вам нужно только установить положение заголовка быть исправлены следующим образом:
#header{
position:fixed;
top:0; left:0;
height:40px;
width:100%;
z-index:999;
}
Это будет держать ваш заголовок прикрепляется к верхней части страницы и позволяют прокручивать тело страницы.
Кроме того, забыли добавить, в зависимости от высоты вашего заголовка, вы можете захотеть добавить отступы сверху, при запуске своего контента. Это гарантирует, что ваш контент не будет покрываться заголовком overlappng при загрузке содержимого.
+1 за последний абзац: именно то, что я искал! Благодаря! – 11684
Столы вообще не нужны. Вы можете сделать это, сделав ширину div на 100% и некоторую произвольную высоту, затем сделав позицию: фиксированная с верхним и левым оба значения равны 0.
Тогда не забудьте нажать другой контент с помощью CSS, чтобы его под этим заголовком.
, и вы нажимаете его на z-index? – ASPiRE
Вы нажимаете его, используя прокладку. Z-inex используется для обеспечения того, чтобы заголовок всегда был сверху. Чем больше z-индекс элемента, тем выше над другими элементами (в том же порядке упорядочения) элемент появляется. –
Прошу прощения, я должен был быть более понятным, вы можете просто раздвинуть контент divs с помощью верхнего слоя той же высоты, что и заголовок. Z-индекс для заголовка может быть установлен на большее число, если у него проблемы с перекрытием других элементов, индексированных z. – Kristian
Этот вопрос задан еще два раза. Пожалуйста, исследуйте немного перед публикацией. – srijan
Дубликат http://stackoverflow.com/questions/256811/how-do-you-create-non-scrolling-div-at-the-top-of-an-html-page-without-two-sets , но многие люди, включая меня, вероятно, скажут вам: «Не делай этого!» – ccpizza
Я предполагаю, что это так. Теперь, если бы мне когда-либо приходилось искать ключевые слова: «Как вы создаете без прокрутки div вверху страницы HTML без двух наборов полос прокрутки», вместо моего невероятно удивительного и оптимизированного для поисковых систем заголовка я бы нашли его. =) – ASPiRE