проблем с div

[embaka]

нещо текста ми се появява под средния див а не върху него и по пинцип трябва да се репийтва content класа ама не се получава

<div id='post_title_top'></div>
<div id='post_title_content'><span class='post_title_text'>текст</span></div>
<div id='post_title_bottom'></div>

#post_title_top {
	float:left;
	margin-left:15px;
	background:url(images/post_title_top.png) no-repeat;
	width:720px;
	height:14px;
}
#post_title_content {
	float:left;
	margin-left:15px;
	background:url(images/post_title_content.png) repeat-y;
	width:720px;
	height:1px;
}
.post_title_text {
	font-size : 16px;
	font-weight : bold;
	color : #6e5843;
	text-align : center;
}

#post_title_bottom {
	float:left;
	margin-left:15px;
	background:url(images/post_title_bottom.png) no-repeat;
	width:720px;
	height:14px;
}

 

[devent]

clear-вай ги тези float-ове и ще се оправи

 

[embaka]

пробвах, но не става, така текста излиза под втория div и не се разширява средния, където е поставен текста

 

[devent]

Дай картинките и ми нарисувай на paint какво искаш да се получи, явно нещо бъркаш, но не ми се рови къде и защо

 

[embaka]

ето тук е картинката

П.П. ето и страницата, как изглежда, в момента довършвам новия дизайн ама не мога да го наместя това цък

 

[devent]

Не ти трябва float, той се ползва в съвсем различни случай. Ето ти и готовият css код:

#post_title_top {
   margin-left:15px;
   background:url(images/post_title_top.png) no-repeat;
   width:720px;
   height:14px;
}
#post_title_content {
   margin-left:15px;
   background:url(images/post_title_content.png) repeat-y;
   width:720px;
}
.post_title_text {
   font-size : 16px;
   font-weight : bold;
   color : #6e5843;
   text-align : center;
}

#post_title_bottom {
   margin-left:15px;
   background:url(images/post_title_bottom.png) no-repeat;
   width:720px;
   height:14px;
}