قرار دادن 3 div داخل یک div با فاصله یکسان [بایگانی]

sanaz.dadkhah

جمعه 14 مهر 1391, 00:14 صبح

سلام
من نیاز دارم که سه دیو داخل یک دیو بگذارم با فاصله های یکسان
دوتایی چپ و راستی مشکلشون با float حل میشه Float یکی را left و یکی دیگه right میکنم
اما برای وسطی موندم چیکار باید بکنم.
دیوی که این سه تا دیو داخلشونه وسط صفحه است برای دیو وسط همه کار کردم نشد
لطفا کمک کنید
این کد html

<div id="footer">
<div class="left">
</div>
<div class="mid">
</div>
<div class="right">
</div>
</div>

اینم css من است

#footer{
margin:0 auto;
padding:0px 0 0px 0;
direction: rtl;
text-align: right;
width: 960px;
}
#footer .left
{
width: 310px;
float:left;
margin-top:10px;
background:#EEEEEE;
height: 150px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: inset 0 0 5px #888;
-webkit-box-shadow: inset 0 0 5px#888;
box-shadow: inner 0 0 5px #888;
}
#footer .right
{
width: 310px;
float:right;
margin-top:10px;
background:#EEEEEE;
height: 150px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: inset 0 0 5px #888;
-webkit-box-shadow: inset 0 0 5px#888;
box-shadow: inner 0 0 5px #888;
}

#footer .mid
{

width: 310px;
margin-right: 310px;
margin-top: 10px;
background:#EEEEEE;
height: 150px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: inset 0 0 5px #888;
-webkit-box-shadow: inset 0 0 5px#888;
box-shadow: inner 0 0 5px #888;
}