Помогите пожалуйста

[Select]

Я использую div content -он находится по середине(есть меню сверху и футер)

Он как построен - есть два рисунка сверху и снизу (тени)

посередине контент

{
 background: url('../img/content.png') repeat-y;
 width:100%;
}

content.png - это тоненькая полосочка, которая растягивается по высоте от размера контента

Но не растягивается он по ширине, хотя прописал width:100%;

Помогите пожалуйста.

[psywalker]

repeat-y - вот это замени на repeat

[Searcher]

width:100% относится не к фону, а к самому элементу. А для фона вы указали repeat-y вследствие чего он повторяется по вертикали. Заметьте, не растягивается, а повторяется.

[Select]

Спасибо большое!

у меня еще две тени - они тоже не растягиваются

div#shadow-content-top{

background: url('../img/conten-top-background.png') no-repeat;

width: 100%;}

[Searcher]

Так, дружище, читай внимательно описание свойства background. Что означает no-repeat? Ну и еще раз повторяю, фон в данной ситуации не растягивается, а повторяется.

[Select]

Это означает, что бы он не повторялся - а мне надо чтобы растягивался.

у меня картинка просто дублируется - тень не однотипная ...

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

я перерисовал тени, сделал однотипной ее. Спасибо

[psywalker]

Есть например такая вот штука. Правда не везде работает http://htmlbook.ru/css/background-size.html

[npofopr]

я вставлял картинку в блок, давал ей position:absolute; и делал картинке width:100%; а блоку overflow:hidden;

картинка растягивалась, а лишнее обрезалось. но там были заморочки с IE-7.

но работало.

как то так (может конечно слишком коряво, но других решений на скорую руку не придумалось):

<div style="position:relative; width:100%; height:100px; overflow:hidden;">
	<img style="position:absolute; z-index:-1; top:0; left:0;" src="pics.jpg" width="100%" />
	<div style="position:relative; z-index:11;">
		<p>text</p>
	</div>
</div>

Edited September 16, 2010 by npofopr