بهم ریختگی div کنار هم هنگام زوم مرورگر؟

[mehrab1387]

سلام دوستان
من دوتا div را با کد زیر ساختم در حالت عادی سالم نمایش میده اما وقتی با کلید cntr -- زوم مرورگر را کم میکنم div ها بهم میریزن و دایو سمت چپ میاد پایین و در کنار هم نمیمونن.


#warpper_top {
width: 986px;
height: auto;
}
#slideShow{
width:680px;
height:250px;
float:right;
margin:10px 4px 0px 8px;
border:1px solid #b8b8b8;
}
#likenews {
width:280px;
height:250px;
float:right;
margin:10px 0px 0px 10px;
border:1px solid #b8b8b8;
}
.clearfloat {clear:both; height:1%;}




<div id="warpper_top">


<div id="slideShow">

</div><!--END slideshow-->

<div id="likenews">

</div><!--END likenews-->

<br class="clearfloat" />




</div><!--END warpper_top-->


دوستان باید چکار کنم؟
عکس هم در ضمیمه هست.102613102614

[khanlo.javid]

دوست عزیز اگه تو width از % به جای PX استفاده کنید این مشکل حل میشه .



موفق باشید.

[mehrab1387]

ممنون
ولی فرقی نکرد
اصلا چرا این اتفاق میفته؟
مرسی

[khanlo.javid]

ممنون
ولی فرقی نکرد
اصلا چرا این اتفاق میفته؟
مرسی


چرا دوست عزیز اگه به درستی مقدار دهی کنید مطمئنا" جواب میده ، و دلیل اینکه این اتفاق میفته بالا و پائین شدن پیکسل هاست یعنی ارقام پیکسل بهم میخوره و در نهایت مقدار شما باید پیکسل هایی که ست کرده بودید همخونی نداره و بهم ریختگی صورت میگیره.



موفق باشید.

[14morteza14]

تو این تاپیک (http://barnamenevis.org/showthread.php?429318-%D8%AA%D8%BA%DB%8C%DB%8C%D8%B1-%D8%B4%DA%A9%D9%84-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%A8%D8%A7-%D8%AA%D8%BA%DB%8C%DB%8C%D8%B1-%D8%B2%D9%88%D9%85-%D8%B5%D9%81%D8%AD%D9%87&p=1920800#post1920800)راه حل ارائه شده.

[DR_borna]

درود،
دوست عزیز همینطور بقیه دوستان فرمودند همیشه خدا layout های صفحت رو درصدی بده اینجوری هیچوقت تگ های دیو به هم نمیریزن.