Выезжает вложенный слой (div)

[Prokopov Nikolai]

Добрый день!

Есть три слой 1 родитель, 2 других - дети.

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

<div id="content" style="border:#090 solid 1px;">
	<div id="menu-news" style="border:#F00 solid 1px;">меню</div>
	<div id="text" style="border:#F00 solid 1px;">Содержание</div>
</div>

[psywalker]

Добрый день!

Есть три слой 1 родитель, 2 других - дети.

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

<div id="content" style="border:#090 solid 1px;">
	<div id="menu-news" style="border:#F00 solid 1px;">меню</div>
	<div id="text" style="border:#F00 solid 1px;">Содержание</div>
</div>

overflow: hidden; родителю

[Prokopov Nikolai]

Благодарю!

[Prokopov Nikolai]

задаю двум дочерним слоям стили, выстраиваю их вряд. первый слой шириной 255:

#menu-news{
	width:255px;
	float:left;
}
#text{
	float:left;
	min-width:500px;
}

В опере почему-то слой text перескакиваем на новую строку если в нем длинный текст.

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

Edited February 13, 2010 by Prokopov Nikolai

[psywalker]

задаю двум дочерним слоям стили, выстраиваю их вряд. первый слой шириной 255:

#menu-news{
	width:255px;
	float:left;
}
#text{
	float:left;
	min-width:500px;
}

В опере почему-то слой text перескакиваем на новую строку если в нем длинный текст.

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

#text{

min-width:500px;

margin-left: 255px;