Внутри тянущегося блока другие тянущиеся

[Bendebej]

такая вот задачка)
Есть блок - в нем два других, которые тянутся по вертикали в зависимости от количества текста (height-auto)(width-фиксирована)
Нужно чтобы этот блок тянулся по вертикали в зависимости от размеров внутренних, - ставлю авто высоту- а он просто исчезает=(
Помогите люди добрые!)

[MaTBeu]

А зачем вам, чтобы он тянулся по вертикали? У вас остальные тянутся и я думаю этого достаточно. Ставьте height: auto и не парьтесь над тем, что главный блок исчез, два внутренних должны остаться, потому что в них есть контент.

Вообще, покажите html и css, которые вы используете.

[Bendebej]

<div id="Skladcontainer3">
          <div id="Sensmon1">
		<p class="sensmtext">Много текста</p>
                 </div>
		<div id="Sensmon2"> 
		<p class="sensmtext2">много текста<p>
		</div>
		 </div>

CSS

#Sensmon1{/*тянущийся текст*/
	float:left;
	width:480px;
	margin-left: 0px;
	height: auto;
	padding-left: 14px;
}
#Sensmon2{/*тянущийся текст*/
	float:right;
	margin-right: 16px;
	width: 200px;
	height: auto;
}
#Skladcontainer3{/*осн часть*/
	background-image: url(skins/scladcorp.png);
	background-repeat:repeat-y;
	background-position:center;
	height:auto;
}

В итоге Sensmon1 и Sensmon2 тянутся, а блока Skladcontainer3 не видно, в смысле у него нет высоты заданной - и он выглядит как линия, а хотелось бы , чтобы он принимал длину самого длинного из внутренних

[MaTBeu]

Используйте position: absolute для главного контейнера, а для внутренних - position: relative
И не забудьте главному присвоить width: 100%, иначе он будет не на всю ширину экрана.
CSS

#Sensmon1{/*тянущийся текст*/
    float:left;
    width:480px;
    margin-left: 0px;
    height: auto;
    padding-left: 14px;
    position: relative;
}
#Sensmon2{/*тянущийся текст*/
    float:right;
    margin-right: 16px;
    width: 200px;
    height: auto;
    position: relative;
}
#Skladcontainer3{/*осн часть*/
    background-image: url(skins/scladcorp.png);
    background-repeat:repeat-y;
    background-position:center;
    width: 100%;
    position: absolute;
}

HTML

<div id="Skladcontainer3">
    <div id="Sensmon1">
        <p class="sensmtext">Много текста</p>
    </div>
    <div id="Sensmon2"> 
        <p class="sensmtext2">много текста</p>
    </div>
</div>

Однако, учтите, что position: absolute требует абсолютного выравнивания. Теперь ваш блок (если он находился внутри какого-нибудь еще) будет выравниваться не относительно родительского блока, а относительно краев экрана. Следовательно все все свойства margin и padding нужно переписать соответственно новому позиционированию.

[Bendebej]

Однако, учтите, что position: absolute требует абсолютного выравнивания. Теперь ваш блок (если он находился внутри какого-нибудь еще) будет выравниваться не относительно родительского блока, а относительно краев экрана. Следовательно все все свойства margin и padding нужно переписать соответственно новому позиционированию.

А что если я хочу создать еще один блок-ниже большого растягиваемого?
Получается, что это невозможно?

Вроде бы нашел решение -
Добавляем в конец родительского блока div с clear:both, который не обтекает плавающие блоки и устанавливется в конец родительского блока, заставляя его тем самым растянуться. Данный способ хорошо работает во всех браузерах.

Плавающий блок

Плавающий блок
div c clear:both


и еще более элегантно:
#scladcontainer {
overflow: auto;
width: 100%
}