مشکل در جابجا شدن div

[Mohsen82]

سلام.
من یک طراحی با div انجام دادم ولی یکی از divها در زمان اجرا
runtime وقتی صفحه رو zoom back می کنم وقتی صفحه رو کوچک می کنم
جابجا می شه . در زمان طراحی سر جاش هست در اندازه طبیعی موقع اجرا هم
درسته ولی اگر صفحه رو کو چک کنم بیرون می پره.
ممنون می شم راهنمایی بفرمایید.

[≡ ALEX ≡]

ظاهرا موقعیت این عنصر را وابسته به پنجره اصلی مرورگر تعریف کرده اید. در این صورت این عنصر همراه با لبه های پنجره به حرکت در می آید تا موقعیت اختصاص داده شده را حفظ نماید.

[Mohsen82]

ممنون.خوب چه خصوصیتی باید براش تعریف بکنم.این css ی که براش نوشتم.


#side-right
{
border: 1px solid rgb(164,164,164);
float: right;
border-radius: 5px;
width: 120px;
background: #f6f6f6;
clear: right;
direction: rtl;
font-weight: 700;
padding-top: 5px;
padding-right: 2px;
padding-left: 2px;
direction:rtl;
text-align:center;
min-height:1071px;

}


چی باید براش اضافه بکنم یا تغییر بدم.

[≡ ALEX ≡]

لطفا تمام کد مربوط به این صفحه رو برای من بفرستید. باید ساختار صفحه و روابط اجزا رو با هم بررسی کنم. (هم فایل HTML و هم CSS مربوطه)

[≡ ALEX ≡]

کد شما رو دیدم. در ابتدا من فکر کردم منظورتون تغییر سایز مرورگر هستش ولی ظاهرا منظورتون تغییر zoom صفحه بود. در هر صورت مشکل شما از تگ میانی هستش که وقتی zoom out می کنید به خاطر چند پیکسل اضافه نوار سمت چپ خود را به پایین می راند. برای حل این مشکل می توانید ابعاد رو به صورت % تعریف کنید. البته این راه حل در کد شماست وگرنه در حالت عادی چنین مشکلی نباید پیش بیاد.

برای اطلاعات بیشتر در مورد طراحی سه ستونه و مشاهده راهکار های مختلف چند تا لینک پیدا کردم که میتونید مطالعه بفرمایید:

1. http://www.vanseodesign.com/css/3-column-layout-code/ که دموی آن هم اینجاست (http://www.vanseodesign.com/blog/demo/3-column-css/index.php).
2. http://matthewjamestaylor.com/blog/perfect-3-column.htm
3. http://www.dynamicdrive.com/style/layouts/item/css-fixed-layout-31-fixed-fixed-fixed/