VPF::Работа со слоями - Форум программистов

messulete

Дата 19.8.2008, 21:06 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 16.12.2007

Репутация: нет
Всего: нет

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

solenko

Дата 19.8.2008, 21:11 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1473
Регистрация: 15.1.2006
Где: Украина

Репутация: 1
Всего: 67

Код


<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 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 16.12.2007

Репутация: нет
Всего: нет

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

bars80080

Дата 19.8.2008, 23:23 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

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

Код


<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 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 771
Регистрация: 23.2.2007

Репутация: 3
Всего: 15

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

--------------------

http://code.google.com/p/orionphp/ - opensource скриптовой язык Orion (аналог PHP) для freepascal/delphi.

messulete

Дата 20.8.2008, 09:58 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 16.12.2007

Репутация: нет
Всего: нет

Код


<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 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 16.12.2007

Репутация: нет
Всего: нет

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

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »