ارتفاع باکس

[omidparkour]

سلام
میخوام ارتفاع باکس متناسب با محتوای باکس باشه وقتی هم ارتفاع نمیدم درست نمیشه
میشه خودتون نگاه کنید ببینید مشکل چیه
http://jsfiddle.net/nn6QW/

[Mori Bone]

دقیقا مشکل کجاس؟

[omidparkour]

عرض کردم
میخوام ارتفاع باکس متناسب با محتوای باکس باشه
یعنی اگر محتوا زیاد بود ارتفاعش زیاد بشه اگر محتوا کم بود ارتفاع کم بشه

[Mori Bone]

شما چرا category-content. رو داخله category-title. نوشتید. تو htmlتون

[Mori Bone]

دزستش اینه آیا:
<div class="category">
<div class="category-title">
<h4>موضوعات</h4>
<div class="category-icon">
<img src="img/category.png" alt=""/>
<span class="livicon" data-c="#fff" data-hovercolor="#fff" data-name="list-ul" data-size="40"></span>
</div><!--category-icon-->
</div><!--category-title-->
<div class="category-content">
<ul>
<li><a href="#" title="">قالب ها </a>
<ul>
<li><a href="#" title="">اسکریپت ها </a></li>
<li><a href="#" title="">افزونه ها </a></li>
</ul>
</li>
<li><a href="#" title="">اسکریپت ها </a></li>
<li><a href="#" title="">افزونه ها </a></li>
<li><a href="#" title="">آموزش ها </a></li>
<li><a href="#" title="">گرافیک</a></li>
</ul>
</div><!--category-content-->
</div><!--category-->

[Mori Bone]

درستش کردم
.category{ background-color:rgba(255,255,255,0.3);
border:1px solid #aaa;
margin-top:20px;
border-radius:3px;
overflow: hidden;
}
.category-title{
height:40px;
border-bottom:1px solid #aaa;
}
.category-content {
float: right;
}
.category-title h4{
color:#333;
position: absolute;
margin: 7px 15px;
}
.category-icon{
width: 50px;
height: 50px;
background-color: #0a7e36;
float: left;
margin-left: 20px;
margin-top: -10px;
}
.category-icon img{
float: left;
margin-left: -10px;;
}
.category-icon span{
position: relative;
top: 5px;
right: 4px;
}




htmlش هم کد پست قبلیم

[omidparkour]

آره اشتباه کرده بودم
category-content. رو داخله category-title. نوشته بودم :لبخند: