Маштабирование рисунка внутри DIV

[miknsk]

попытался реализовать следующее:

есть DIV у которого задано: overflow: hidden; служащий своего рода контейнером. Его высота подстраивается под вложенный внутрь него элемент, например, другой DIV c текстом. А теперь мне нужно вложить внутрь внешнего DIV еще один DIV c рисунком так, чтобы высота 2-го DIV (и рисунка внутри него) равнялась 100% высоты внешнего DIV.

Вкратце-содержимое 1-го DIV задает высоту, второй соседний DIV (и рисунок внутри него) под эту высоту подстраивается, оба лежат во внешнем DIV

Казалось бы нужно прописать везде height 100% но ничего не работает естественно...

Может быть нужно задавать высоту через inherit? но этот вариант тоже не работает...

что делать?

[npofopr]

тут лучше всего прикладывать картинку вашей задумки.

в конце рабочего дня тяжело читать про див в див, тому див в этот див, чтобы оба див было дивно

[psywalker]

Поставь высоту всем родителям включая html,body

[miknsk]

Поставь высоту всем родителям включая html,body

не помогло.

а вот образец тут того что не получается

[psywalker]

.Header { - вот этому блоку почему высота не прописана?

[miknsk]

.Header { - вот этому блоку почему высота не прописана?

если пропишу 100% или inherit тогда он будет на весь экран.

если уберу у html { height: 100%} тогда можно высоту у Header прописывать - 100% - все равно ничего не маштабируется

если пропишу высоту Header в пикселях тогда все будет работать но это не интересно.

[psywalker]

если пропишу высоту Header в пикселях тогда все будет работать но это не интересно.

Неинтересно)

[miknsk]

Неинтересно)

ну так весь цимес то в том чтобы высота одного элемента определяла высоту другого. Чтобы все менялось.

Наверное проще всего это реализовать если сделать Header таблицей...

[npofopr]

о. я щас тоже борюсь с высотой. и ничего не придумаю.

и высоты везде стоят.

только у меня структура:

		<div class="header_anons">
		<table>
		<tr>
			<td>
			<div class="first_anons">
				<h2><a href="#">предприятие</a></h2>
				<p><a href="#">Большой опыт, качество продукции на мировом уровне</a></p>
			</div>
			</td>
			<td>
			<div>
				<h2><a href="#">Продукция и услуги</a></h2>
				<p><a href="#">Высокое качество услуг и работа в любых условиях</a></p>
			</div>
			</td>
			<td>
			<div class="end_anons">
				<h2><a href="#">коллектив</a></h2>
				<p><a href="#">Сплочёный и профессиональный коллектив</a></p>
			</div>
			</td>
		</tr>
		</table>
		</div>

дивы first_anons и end_anons имеют закругленные края и бордеры естественно.

табличка просто для каркаса.

и вот не пойму как растянуть дивы на всю высоту ячейки.

вы уже тут специалисты, подскажите чего нить =)

[Kaylang]

height:auto !important; родительским div'ам?

[npofopr]

"ех... если бы жизнь была сказкой" )

я уж прямо не знаю каким родительским блокам. без ссылки наверно не разобраться.

[Kaylang]

А попробуй убрать таблицу. Пропиши height:auto !important; диву header_anons, а внутренним дивам, как обычно float:left?

[npofopr]

не катит =( может чего делаю конечно не то

пробовал еще inline-block делать. тоже не прошло.

альтернативу не могу придумать, что плохо.

вот такая у меня картинка

Edited October 15, 2010 by npofopr

[Kaylang]

А задать фон и бордеры таблице? И пофиг на сами дивы?

[npofopr]

а как скруглить края таблицы? + есть ховер.

+я не знаю высоты блока

Edited October 15, 2010 by npofopr

[Kaylang]

А можно стили глянуть?

Если прописать таблице border-collapse:collapse;, а ячейкам задать нулевые маргины и паддинги?

Ну, или прямо прописать cellpadding="0" cellspacing="0" табличке?