Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Работа со слоями

Автор: messulete 19.8.2008, 21:06

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

Автор: solenko 19.8.2008, 21:11

Код


<style>
#header { width: 100% }
#hwader-content { width: 800px; margin: auto; }
</style>
<div id="header">
  <div id="header-content">CONTENT</div>
</div>

Или я неправильно понял?

Автор: messulete 19.8.2008, 21:18

впринципе тоже самое и делал, но если шапка и подвал разные?

Автор: bars80080 19.8.2008, 23:23

какая разница?

Код


<style>
#header { width: 100% }
#header-content { width: 800px; margin: auto; }
#footer-content { width: 600px; margin: auto; }
</style>
<div id="header">
  <div id="header-content">CONTENT</div>
 <div id="center"> content </div>
<div id="footer-content">CONTENT</div>
</div>

Автор: lukas 20.8.2008, 09:46

первая же ошибка давать div'у 100 %, т.к. у него уже 100% ширина, а браузеры такое "width: 100%" понимают все по разному...

Автор: messulete 20.8.2008, 09:58

Код


<style>
.header { width: 100% }
.header-content { width: 800px; margin: auto; }
#content { width: 800px; margin: auto; }
</style>
<div class="header">
  <div class="header-content">CONTENT</div>
</div>

<div id="content"><div>

<div class="header">
  <div class="header-content">CONTENT</div>
</div>

и прописать разные хедеры, так не будет првильнее?

Автор: messulete 20.8.2008, 10:17

спасибо solenko и bars80080 долго я тупил...