Шапка Div'ами

[sibelius]

Помогите сверстать шапку сайта с помощью div'ов.

По центру должен располагаться Div шириной 990px, а по краям 2 резиновых, которые будут тянуться в зависимости от разрешения экрана. На форуме нашел решение данной проблемы, но с табличной версткой. Хотелось бы понять как это сделать при помощи div'ов.

Заранее спасибо.

[psywalker]

посмотри и разбери, как сделано здесь: http://psywalker.ru/SAITS/Raira/main-page.html

[klierik]

расскажите подробнее о задачи...

даная констукция создается из 3х дивов в контейнере.

1 и 2 имеют ширину 50%

а 3й позиционирован поверх по центру и имеет фикс ширину.

далее 1 и 2 дивы соержат блоки, которые имею поля справа/слева, где ширина поля равна 1/2 ширине 3го дива.

в ети блоки и загоняем боковой контент.

в общем все просто, если задача именно такая.

[3ABAPKA]

Можно пройти по этой ссылке http://www.dynamicdrive.com/style/layouts/...id-fixed-fluid/ взять от туда левую центральную и правую колонки + подвал и сделать из этой конструкции шапку, убрав лишнее, поставив нужные размеры колонкам и установив пустому подвалу отрицательный маргин от верха (или использовать подвал как контейнер для горизонтального меню если оно должно быть под шапкой).

Edited June 16, 2009 by 3ABAPKA

[psywalker]

Вот я тут сделал решение одно, но говорят, оно содержит в себе баги, я пробовал, вроде-бы везде работает Нормально, абсолютно одинаково, даже в ИЕ6...Посмотрите пожалуйста, и попробуйте найти хотя-бы Один баг, буду очень благодарен..

http://psywalker.ru/SAITS/page.html

[3ABAPKA]

W3C результаты проверки CSS для http://psywalker.ru/SAITS/page.html (CSS2.1)

К сожалению, мы обнаружили следующие ошибки (2)

URI : http://psywalker.ru/SAITS/page.html

10 div.l Ошибка разбора //margin-right: -100%;

11 Ошибка разбора : left; background: #00C; } div.r

еще ругается консоль ошибок

зачем class="a" если нет стиля?

а если проверить здесь http://browsershots.org/ то найдутся браузеры, которые вообще не понимают, что написано.

а так в принципе это решение проблемы

Edited June 16, 2009 by 3ABAPKA

[psywalker]

3ABAPKA

1)

еще ругается консоль ошибок

Это я привёл пример, если это решения всётаки понадобиться и будет использовано, то можно //margin-right: -100%; и наподобии вынести в отдельный файл специальный для ИЕ

2)

зачем class="a" если нет стиля?

прикол в том, что этот пустой элемент нужен именно для ИЕ6, потому что без него Главный контейнер в середине почему-то не будет накладываться сверху, можете проверить, удивительно, но факт!

3)

а если проверить здесь http://browsershots.org/ то найдутся браузеры, которые вообще не понимают, что написано.

Опятьже все непонятные хаки в отдельный файл

4)

а так в принципе это решение проблемы

Да, вроде-бы действительно работает везде, но тогда непонятно, в чём-же подвох или его нет?

[3ABAPKA]

забыл прокомментировать ошибки css (смотри цитату моего сообщения)

[psywalker]

забыл прокомментировать ошибки css (смотри цитату моего сообщения)

нуу, смотри, все ошибки CSS заключаются в Хаках, правильно? Так вот я тебе и привёл решение, как от них избавиться, Нужно просто вынести их в отдельный файл-лист Для ИЕ.. или можно прям на странице в условных комментариях для опятьже ИЕ написать эти стили..

p. s. - А баги есть всё-таки или нет?

Тестировал в ФФ, ИЕ6-8, Опера, Сафари, Хром.. всё гуд, вродебы везде смотрится одинаково, колонки не прыгают, не бегают, не исчезают, вобщем всё нормально...или я не прав?

Edited June 16, 2009 by psywalker

[psywalker]

ну что ребят, кто нибудь сможет отыскать или сказать мне, есть в этом решении баги или нет?