تغییر ارتفاع اتوماتیک div اصلی

[mohammad kafiyan]

با سلام به دوستان
یک div اصلی دارم که داخل آن یک div مربوط به sildshow هست که با تغییر ارتفاع مربوط به div slideshow ارتفاع div اصلی تغییر می کنه و مشکلی نیست
حالا در داخل div اصلی سه تا div left, right,center دارم که با float آنها را تنظیم کردم ولی مشکل اینجاست که اصلا div اصلی با کم و یا زیاد شدن ارتفاع این سه تا div هیچ تغییری در ارتفاع نمی کنه
مشکلش هم استفاده از float بود و نیاز دارم حتما از float استفاده کنم ولی نمی دونم مشکل کجاست
این هم کدهای css


#Content
{

width:940px;
margin:0px auto;
background-color:#e8e8e8;
}
#Content #Content_top
{

height:19px;
background:url(pictuer/content-wrap-top.png)no-repeat;
}
#Content #Content_middle
{
background:url(pictuer/content-warp-center.png)repeat-y;
padding:10px;
height:auto;
}
#Content #Content_bottom
{
clear:both;
height:19px;
background:url(pictuer/content-wrap-bottom.png)no-repeat;


}

#Content_columnleft
{
/*border:1px solid #000;*/
float: left;
width: 180px;
padding:5px;
min-height:250px;


}
#Content_columnright
{
/* border:1px solid #000;*/
float: right;
width: 180px;
padding:5px;

}
#Content_columncenter
{
/* border:1px solid #000;*/
float: left;
width: 524px;
margin-bottom: 10px;

/* margin-right:3px;*/
padding:5px;
}

این هم کدهای html


<div id="Content">
<div id="Content_top"></div>
<div id="Content_middle">
<div id="Slideshow"></div>
<div id="Content_columnleft">
<div class="Top_boxwarp"></div>
<div class="Middle_boxwarp"></div>
<div class="Bottom_boxwarp"></div>
</div>
<div id="Content_columncenter">
<div class="Content_topbox"></div>
<div class="Content_middlebox"></div>
<div class="Content_bottombox"></div>
</div>
<div id="Content_columnright">
<div class="Top_boxwarp"></div>
<div class="Middle_boxwarp"></div>
<div class="Bottom_boxwarp"></div>
</div>
</div>

[tadayoni]

آخر کد html یه div اضافه کردم که میتونید مشاهده کنید چه تغییری داده شده


<div id="Content">
<div id="Content_top"></div>
<div id="Content_middle">
<div id="Slideshow"></div>
<div id="Content_columnleft">
<div class="Top_boxwarp"></div>
<div class="Middle_boxwarp"></div>
<div class="Bottom_boxwarp"></div>
</div>
<div id="Content_columncenter">
<div class="Content_topbox"></div>
<div class="Content_middlebox"></div>
<div class="Content_bottombox"></div>
</div>
<div id="Content_columnright">
<div class="Top_boxwarp"></div>
<div class="Middle_boxwarp"></div>
<div class="Bottom_boxwarp"></div>
</div>
<div style="clear: both;"></div>
</div>

[mohammad kafiyan]

جواب داد میشه علتش را بدونم که چرا با float یک چنین مشکلی داره

[tadayoni]

وقتی همه اشیاء به حالت float در میان یه جورایی میشه گفت شناور میشن تو صفحه و عناصر شناور دارای حجم خاصی نیستند
در این حالت باید یه شئ آخر اونا بذارید تا شناور نباشه و تلفیق این دو موجب درست کار کردن آیتم ها میشه