пересечение слоев. как исправить?

[sh1va]

В дримвейвере у меня все выглядит атк как нужно. А на сайте все иначе

есть 2 слоя. "textbody" - рамка слоя "text". И если в "text" написать длинный текст то рамка "textbody" остаеться на месте вместо того что бы вытягиватся по длине текста.

.textbody{
	border-style:solid;
	border-color:#000;
	border-width:1px;
	width: 800px;
	background:url(pic/bgr.png);
	padding: 10px 20px;
	margin:0 auto;
			min-height:480px;
}
.text{
	font:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#000;
	margin:0 auto;
	padding:10px 10px;
	text-align:left;
}

[s0rr0w]

Длинный текст без пробелов?

[sh1va]

да с пробелами со всякими <p></p> и <br/>

[s0rr0w]

  sh1va said:

да с пробелами со всякими <p></p> и <br/>

Установите firebug

Выделите элемент с классом .textbody, проверьте на наличие white-space: nowrap

[sh1va]

дык нет дело не только в тексте. даже если там картинка расположена и она больше чем рамка textbody то она тоже выходит за нее. И textbody не вытягвается вниз.

[s0rr0w]

  sh1va said:

дык нет дело не только в тексте. даже если там картинка расположена и она больше чем рамка textbody то она тоже выходит за нее. И textbody не вытягвается вниз.

Это абсолютно правильное поведение. Вы ограничили высоту и ширину блока. Используйте min-width и min-height, чтобы избежать данного эффекта.

[sh1va]

с этим я разобрался. все оке.

Edited November 4, 2009 by sh1va