مشورت در مورد موقعیتهای شناور

[sajjad salehi]

خب دوستان انجمن من متاسفانه از نعمت داشتن یه تیم کاری محرومم ، نظراتتون برام مهمه . ممکنه این مطلب به نظرتون ساده باشه اما هم اینکه گم نمی شه بعدا به درد خودم میخوره ، هم ممکنه دوستان راهی رو پیشنهاد کنن که به ذهن خودم نرسیده باشه . خوشحال میشم نطر بدین .
*******
خب مشکل تنظیم ریسپانسیو ارتفاع قالب ، یعنی هر موقعیت درصدی از ارتفاع رو داشته باشه .
چهار راه پیدا کردم اولین vh که آسونترینه ولی هنوز خیلی از بروزرها پشتیانی نمیکنن ،
دوم جاوا اسکریپت

کد: (انتخاب همه)

$('#sa-modulescrol').height(function(){
   return $(window).height() * 0.7;
});

سوم مجازا با css یعنی یه هدر و فوتر استیکی ایجاد کنم و بک گراند رو هم از یک رنگ استفاده کنم .
چهارم استفاده از موقعیتهای ثابت

کد: (انتخاب همه)

.sa-modulescrol
  {
       position: absolute;
    width:16%;
    height:75%;
     overflow: auto;
     background:#930;
      min-height: 75%
}

min-height برای فایرفاکس
overflow برای فعال کردن اسکرول
position: absolute; برای فعال کردن ارتفاع درصدی , حتما بایدheight دایو body روی 100% تنظیم بشه
مشکلش بیشتر سر همون فیکس کردن موقعیت و در نتیجه نیاز به تنظیمات اضافی css هست .