مشاهده نسخه کامل
: Kingarr
25-01-2014, 00:29
سلام دوستان من کد زیر را نوشتم :
<footer class="dark-wrapper">
<div class="container">
<section class="popp">
<h3>آخرین دانلود های سایت </h3>
<ul>
<li><a href="#">دانلود مراسم میلاد یامبر و امام صادق 1392از مقدم ماه گذشته</a></li>
<li><a href="#">دانلود ImTOO Blu-ray Creator v2.0.4 - نرم افزار ساخت دیسک های Blu-ray</a></li>
<li><a href="#">خرید آسان کارت شارژ های ایرانسل، همراه اول، تالیا و رایتل</a></li>
<li><a href="#">قابلیت خرید (شارژ اتوماتیک) اتوشارژ به وسیله هر یک از کارت های عضو شبکه بانکی شتاب</a></li>
<li><a href="#">دانلود مراسم میلاد یامبر و امام صادق 1392از مقدم ماه گذشته</a></li>
</ul>
</section>
</div>
</footer>
مشکل اینجاست که من می خوام height باکس Container بر اساس height section popp تغییر کنه . ینی وقتی ارتفاع popp در اثر افزایش li زیاد میشه ، ارتفاع container هم زیاد بشه . الان وقتی ارتفاع popp زیاد میشه ، از زیر container میزنه بیرون !!!! css هم بصورت زیر نوشتم :
.container{
width: 80%;
margin:auto;
display: block;
}
.popp{
float: right;
width: 35%;
height: 200px;
margin:0px 5px 0px 0px;
padding: 30px 1px 20px 5px;
}
<footer class="dark-wrapper">
<div class="container">
<section class="popp">
<h3>آخرین دانلود های سایت </h3>
<ul>
<li><a href="#">دانلود مراسم میلاد یامبر و امام صادق 1392از مقدم ماه گذشته</a></li>
<li><a href="#">دانلود ImTOO Blu-ray Creator v2.0.4 - نرم افزار ساخت دیسک های Blu-ray</a></li>
<li><a href="#">خرید آسان کارت شارژ های ایرانسل، همراه اول، تالیا و رایتل</a></li>
<li><a href="#">قابلیت خرید (شارژ اتوماتیک) اتوشارژ به وسیله هر یک از کارت های عضو شبکه بانکی شتاب</a></li>
<li><a href="#">دانلود مراسم میلاد یامبر و امام صادق 1392از مقدم ماه گذشته</a></li>
</ul>
</section>
</div>
</footer>
مشکل اینجاست که من می خوام height باکس Container بر اساس height section popp تغییر کنه . ینی وقتی ارتفاع popp در اثر افزایش li زیاد میشه ، ارتفاع container هم زیاد بشه . الان وقتی ارتفاع popp زیاد میشه ، از زیر container میزنه بیرون !!!! css هم بصورت زیر نوشتم :
.container{
width: 80%;
margin:auto;
display: block;
}
.popp{
float: right;
width: 35%;
height: 200px;
margin:0px 5px 0px 0px;
padding: 30px 1px 20px 5px;
}