Объясните пожалуйста, как сделать

[squard]

Мне нужно сверстать шапку. Ее размер 1024px

Мне показалось этого мало, и по моей просьбе дизайнер сделал ее 1500 добавив незначительные детали. Таким образом я стал иметь 1024 полезной инфы и и 476 не особо важной...

Мне нужно сверстать шапку таким образом: возьмем к примеру минимальную ширину браузера 1024px.

Распилем шапку на три части... 238 1024 238

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

Это делается до безобразия просто на таблице

<table width="100%">
<tr height="500">
<td> </td>
<td width="1024px"> </td>
<td> </td>
</tr>
</table>

Вопрос как аналогично сверстать на DIV ???

[ret]

+1 так же интересно

[WalkMan]

относительно хедера с абсолютом

левому куску ;left: -whidth

правому куску right: -whidth

[squard]

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

[WalkMan]

у тебя же шапка 1500

это не резина

если есть размер)

илил тебе надо что бы при разрешении больше 1500 шапка дальше тянулась?

[squard]

Все верно) нужно чтобы шапка тянулась дальше)

Кстати, сначала мне было показалось как сделать абсолютом, но потом понял что ничего я не понял))) не мог бы ты написать примерный код, так как я понимаю абсолютом проблема не решается)) даже для статики 1500)

[Chuv]

Если я правильно понял:

Имеем изображение 1500x500 header.jpg

Если незначительные детали в шапке по обеим сторонам имеют равную ширину (т.е. "1024px полезной инфы" ровно по середине изображения), то я обычно делаю это так:

<div style="background: url(header.jpg) top center no-repeat">
	<div style="background: url(header.jpg) top center no-repeat; width:1024px; height:500px; margin:0 auto;">
		Шапка
	</div>
</div>

Edited December 5, 2010 by Chuv

[psywalker]

[squard]

del

[squard]

проблема решена PsyWalker-ом