[sheff]

Здравствуйте, уважаемые форумчане!

Обращаюсь к вам с проблемой, которая для обитателей данного ресурса вовсе проблемой то и не является. Я говорю про создание шапки сайта, которая вместе с сайтом расширяется и сужается, в зависимости от разрешения монитора или размера окна.

Раньше это делалось просто - рисуется шапка в каком-нибудь графическом редакторе, например в фотошопе или кореле. У шапки например три графических элемента - слева, справа и по центру. Между графическими элементами - нейтральное пространство, однородное по горизонтали...

Файлик нарезается, кусочки вставляются в таблицу.
Ширина ячеек таблицы, в которых графические элементы, прописывается в пикселах. Содержимое этих ячеек - картинки.

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

<table cellspacing=0 cellpadding=0 border=0 background="img/s0.jpg" width=100% >
	<tr>
		<td border=0             ><img src="img/s1.jpg" width="194" height="148"></td>
		<td border=0 width="30%" ></td>
		<td border=0             ><img src="img/s2.jpg" width="547" height="148"></td>
		<td border=0 width="70%" ></td>
		<td border=0             ><img src="img/s3.jpg" width="79"  height="148"></td>
	</tr>
</table>

Раньше это замечательно работало и сейчас работает в IE6.
Я все сделал по вышеуказанной схеме, полез в инет, нашел симпатичный халявный скрипт меню на jscript, присоединил к html страничке с шапкой, и проверил работоспособность в firefox и opera.

Тут то и выяснилось, что благодаря одной строчке, пришедшей вместе со скриптом:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"

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

В ячейках, где бэкграунд не прописан - там все нормально.
Такое только в FF и опере, в IE6 все нормально.
Такое только при наличии строчки DOCTYPE, удаляю, все нормально, но скрипт меню зато начинает дергаться...


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

Значит, как то по другому надо делать "расширяющуюся таблицу шапки сайта". Но как? У кого-нибудь есть идеи?

[kost]

Прочитайте про DOCTYPE -- все давно написано и разжевано: http://www.webmascon.com/topics/coding/25a.asp

Не делайте "шапку табличкой".

[sheff]

Сообщение от kost

Прочитайте про DOCTYPE -- все давно написано и разжевано: http://www.webmascon.com/topics/coding/25a.asp

Большое спасибо за статью. Теперь вопрос с первой строчкой ясен.

Сообщение от kost

Не делайте "шапку табличкой".

Дык, это понятно... это понятно изначально, так как без доктайпа не работает скрипт.

Вопрос в другом - КАК теперь делают шапки?

Люди! Дизайнеры! Сочувствующие! Знающие!
Подскажите, как теперь делают "резиновые шапки"???

[deMone]

sheff, могу расценить ваше сообщение, как текст в верхнем регистре, а это уже нарушение правил форума.

[kost]

Два-три дива или других вложенных элемента.