Аналогичная проблема была поставлена не мной вот в этой теме, в последнем сообщении от 27 февраля:
http://forum.mozilla-russia.org/viewtopic.php?id=15269

Я не профессионал и пытаюсь сделать обычную саморастягивающуюся шапку.
Сверстал картинку в кореле, разрезал на 5 частей.
Первая, третья, пятая части - с информацией, вторая и четвертая - растягивающиеся.

Разумеется, сделал табличку из одной строчки на пять ячеек, в первую третью и пятую положил рисунки, во вторую и четвертую - бэкграунд.
Бэк - это вертикальная полоска толщиной в один пиксел.

В IE все работает. В FF под ячейками, где я указал файл фона, в несколько пикселов - тень, т.е. фон слегка "вылазит вниз" из ячейки.
Поставил тогда я этот фон для всей таблицы целиком. В IE по прежнему все ок, в FF фон отбрасывается теперь уже вниз из всех пяти ячеек.

Кстати, в опере те же "тени".

Код очень прост:

Выделить код

Код:

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

Чуть позже выяснилось, что тени отбрасываются из-за этой строчки:

Выделить код

Код:

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

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


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

Какое сейчас стандартное решение с растягивающимися шапками? Как их делают на сайтах, что даже строчка "doctype" не мешает?

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

Поменяйте DOCTYPE на

Выделить код

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

sheff
ох, ну кто же таблицами верстает? почитайте про резиновую верстку

ох, ну кто же таблицами верстает? почитайте про резиновую верстку

Это снобизм.

petrovich пишет

Это снобизм.

более адекватное и в тему можно что-то услышать?

ЭТО как-то относится к тебе?

Ко мне не относится. Если не считать, что я не люблю снобов.

что - ЭТО?

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

Если я что-то не так понял - отпишись.

petrovich пишет

Ко мне не относится. Если не считать, что я не люблю снобов.

хотел написать теМе вообще :)

petrovich пишет

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

Если я что-то не так понял - отпишись.

с ходу вопрос вопрос: на сколь вообще ты, как говорится, в теме?

что, собственно, является снобизмом? верстка таблицами? да, пожалуй
почему? в авторитетном, надеюсь, источнике в первом же абзаце написано следующее:

The HTML table model allows authors to arrange data -- text, preformatted text, images, links, forms, form fields, other tables, etc. -- into rows and columns of cells.

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

я достаточно популярно объяснил или хочется ещё пофлеймить?

с ходу вопрос вопрос: на сколь вообще ты, как говорится, в теме?

По самое не балуй.

что, собственно, является снобизмом?

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

это нарушает семантику кода (да, да)

С этим я не спорю. Семантика возможна, когда человек уже прилично разберается в вёрстке. Вёрстка дивами ещё не симантика сама по себе.

и просто уже не современно года, наверное, 3 точно.

А что было 3 года назад? Ты начал верстать дивами? :) Дивы "нормально" глотаются всеми ишаками начиная с 5го(1999, win98se).

(рекоммендую ознакомиться)

Сам почитай на досуге.

кстати, по-моему их использовать даже проще.

При определённом опыте их использования.

а таблицами верстают в основном только те, кто начал заниматься версткой совсем недавно.

Это растяжимое понятие.

Подитожу:
Есть физкультура, а есть спорт. Таблицы - это физкультура, а дивы - это спорт.

ох, ну кто же таблицами верстает? почитайте про резиновую верстку

Не стоит говорить человеку, который делает по утрам зарядку, что он чмо только по тому, что он не выбегает из 12 секунд на 100 метровке.

я достаточно популярно объяснил или хочется ещё пофлеймить?

Я писать больше не буду - что хотел то сказал.

По самое не балуй.

тогда я не понимаю какой смысл агитировать за верстку таблицами (читай нарушение спецификации)

А что было 3 года назад?

появился web 2.0, все начали массово задумываться о стандартах и качестве верстки

Таблицы - это физкультура, а дивы - это спорт.

не выбегает из 12 секунд на 100 метровке.

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

Флейм прекращаем!