PDA

نسخه کامل مشاهده نسخه کامل : مشکل div با Firefox



king.james
27-09-2010, 01:36
سلام،
من این جا دو تا Div درون همدیگه دارم که تو IE به راحتی کار می کنند ولی با Firefox مشکل دارن:




<div id="outer_div" dir="rtl">
<div id="outer_div" dir="rtl">
Some text!
</div>
<div id="outer_div" dir="rtl">
Some text!
</div>
<div id="outer_div" dir="rtl">
Some text!
</div>

================================================== ==
body{
margin: 0px;
padding: 0px;
}

div#main_div{
border: dotted;
border-width: thin;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
background: #ffffaa;
border-color: #FFCC66;
width: 100%;
float: right;
}

div#outer_div{
float: right;
padding-bottom : 5px;
padding-top : 5px;
padding-left: 10px;
padding-right: 10px;
width: 33.3%;
border: dashed;
border-width:thin
}



به نظر اساتید مشکل از کجاست؟! ممنون

David.Jn
29-09-2010, 19:32
اول از همه برای ارسال اینچنین سوالاتی کدتو رو بزارید داخل تگ html => [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

وقتی شما به صورت درصد با DIV کار میکنید باید فضارو بین DIV های دیگه تقسیم کنید
فضایی که شما در نظر گرفتید قابل قبوله ولی به خاطر padding هایی که دادین (واسه DIV های داخلی) باعث شدن یه فضایی هم اونا بگیرن
یه بار padding-right و padding-left رو 0 قرار بدید همه چی اوکی میشه
در ضمن واسه DIV اصلی که گذاشتید ID رو main_div بزارید
موفق باشید

king.james
30-09-2010, 12:46
ممنونم ازت.. یه سری تغییرات اعمال کردم ولی بازم به مشکلاتی برخوردم، این کدمه:>

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید


============================


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید


بازم IE درست نمایش می ده ولی FF همون مشکل Float رو داره، ممنون..

David.Jn
30-09-2010, 20:12
دوست عزیز border هم چند درصد فضا اشغال میکنه
شما این دو خط رو از استایل inner_div حذف کنید

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

اگر هم میخواهید از border استفاده کنید یه چند درصدی باید از width همون استایل کم کنید