Фон на height:100%

[kozakmamai]

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

Необходимо это реализовать для IE6 без expression

[Justnewone]

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

Необходимо это реализовать для IE6 без expression

Здорово, как Вы четко поставили ТЗ, всем бы остальным заказчикам также! =)

[s0rr0w]

А что не ясно с данной задачей?

[kozakmamai]

Для меня решение не очевидно. Если написать пару строк кода затруднительно, намекните на метод решения

[mishka]

Так как бекграунд тянется пропорционально...

То невижу другого решения кроме как цеплять его имгой на абсолют с высотой и шириной в 100%; А заголовку релейтив. И он будет тянуть блок, а картинка тоже потянется

<div>
		 <img>
		<h2>
<div>

[rash]

А для IE 6, возможно, придется эту картинку прятать и использовать AlphaImageLoader с sizingMethod='scale'

Она по высоте может на 100% иначе не тянуться.

[mishka]

Да, фильтр нужен... Ктото на этом форуме приводил его пример, да я запамятывал где... Как без фильтра для ие сделать немогу сказать.

Edited August 28, 2009 by mishka2

[kozakmamai]

Для того чтобы img потянулся в решение, предложенном mishka2, для img, можна записать так:

height:expression(this.parentNode.offsetHeight);

Но а как решить проблему на чистом CSS?

[Justnewone]

Для того чтобы img потянулся в решение, предложенном mishka2, для img, можна записать так:

height:expression(this.parentNode.offsetHeight);

Но а как решить проблему на чистом CSS?

Только эмуляцией, допустим, что картинка при расширении не меняет пропорций градиентных фрагментов, то есть, грубо говоря, приростает только белое поле, тогда задаем контейнеру белый бекграунд цветом и верхней половинкой, - внутрь блок с нижней половинкой. А пропорционально менять рисунок в бекграунде - CSS не сможет. а менять размер картинки IMG без указания габаритов ее родителя - не сможет IE6.