Нубик и Css

[Morgusha]

да да относительно родительского блока ! а родительский блок как правильней будет задать для как я понимаю это резиновая вёрстка ! ?
И её смотрите у меня в блоке должна всё место занимать картинка вот так вот я это сделал:

#left{
			background: url(i/170.jpg) no-repeat;
			/*background-color: #0ff;*/
			background-size: 100% 100%;              /*расстягиваем картинку под див*/
			border:		1px solid #000000;
			width: 		70%;
            height:     400px;
			float: 		left; /*обтекание блока по правой стороне другим блоком*/

ъ

вот это как я понял ток для хрома подходит?
background-size: 100% 100%;
как сделать подругому что бы картинка растягивалась под размеры div блока ???
или как вообще решается этот вопрос ???

[Morgusha]

сделал вот так вот в див вложил ещё один див и в нём уже вставляю фото а оно не растягивается по размерам родительского дива почему ???

<div id="left">left <div id="foto"></div></div>

#left{
/*background: url(i/170.jpg) no-repeat;*/
/*background-color: #0ff;*/
/*background-size: 100% 100%;*/ /*расстягиваем картинку под див*/
border: 1px solid #000000;
width: 70%;
height: 400px;
float: left; /*обтекание блока по правой стороне другим блоком*/
}

#foto{
background: url(i/170.jpg) no-repeat;
width: 100%;
height: 100%;
}

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

[sariman]

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

[Morgusha]

да, вернее расстягивается если сделать вот так вот без вложенного дива :

#left{
			background: url(i/170.jpg) no-repeat;
			/*background-color: #0ff;*/
			background-size: 100% 100%;            /*расстягиваем картинку под див*/
			/*border:		1px solid #000000;*/
			   width: 		70%;
                           height:     400px;
			   float: 		left; /*обтекание блока по правой стороне другим блоком*/
	}

<div id="container"><!--CONTAINTER STARTS-->
<div id="header">header</div>
<div id="left"></div>
<div id="right"> right</div>
<div id="clear">clear</div>
<div id="content">content</div>
<div id="footer">footer</div>
</div><!--CONTAINER ENDS-->
</body>
</html>

в ie 8 не работает ((???

background:url(i/170.jpg) center no-repeat;

в ie 8 не работает ((???

[Morgusha]

гляньте по ссылке видите как отображается (

http://morgusha.hut2.ru/

[sariman]

Растягивается, значит вопрос исчерпан? Та забейте вы на IE, на ней мало кто сидит, да и десятка уже вышла, скорей всего, сайт будет нормально на ней работать, ну если уже сильно хотите, то почитайте про хаки.

[sariman]

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

гляньте по ссылке видите как отображается (

http://morgusha.hut2.ru/

И что вас не устраивает?

[Morgusha]

ну через ie гляньте

[sariman]

Попробуйте margin и padding в 0 поставить.

[Morgusha]

в left дописал строчку filter но на компе у меня файлы PIE закачаны в папку для проекта и ИЕ вроде с горем по полам отображает,но почему границы дивов тоже как то в ИЕ не совсем верно отображаются ??? и вопрос на хостинг я никакие файлы ПИЕ не заливал,но почему то и ИЕ стал растягивать картинку ???

#left{
	        background:url(i/170.jpg) center no-repeat;
			/*background: url(i/170.jpg) no-repeat;*/
			/*background-color: #0ff;*/
			behavior: url(PIE/PIE.htc); /*for IE*/
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/170.jpg', sizingMethod='scale'); /*for IE */
			background-size: 100% 100%;            /*расстягиваем картинку под див*/
			/*border:		1px solid #000000;*/
			width: 		70%;
            height:     400px;
			float: 		left; /*обтекание блока по правой стороне другим блоком*/
	}