PDA

View Full Version : سوال: صفحات wide با استفاده از css و هماهنگی با همه browser ها



bahar_engineer
شنبه 07 بهمن 1391, 14:21 عصر
سلام
من یه سایت دارم که می خوام صفحات wide باشه و با هر گونه رزلوشنی خودش رو تطبیق بده
صفحاتم رو به سه ستون تقسیم کردم که ستون های شماره 1 و 3 یعنی دو طرف صفحه سایزشون ثابته (عرض 180 پیکسل) و فقط می خوام ستون وسطی با اندازه رزلوشن های مختلف عرضش کوچیک و بزرگ بشه

اما هر کاری می کنم خراب می شه ... با درصد فکر می کنم باید کار کنم و بهش یه درصدی که می دم توی رزولوشن خودم که 1280*1024 هست عالیه اما وقتی رزلوشن رو کم می کنم و مثلا 1024 * 768 می دم انگار جا کم میاره ستون سومی می افته پایین صفحه. بعد مجبور می شم اون درصد رو کمتر کنم مثلا 70% این کار باعث می شه توی 1024/768 عالی نشون بده اما توی رزلوشن 1024/1280 ستون وسطی یه بخشی از سمت چپش خالی می مونه و خیلی زشت می شه

چطور می تونم این ستون وسطی رو طوری تنظیم کنم که توی همه رزلوشن ها خودش رو تطبیق بده؟؟؟
لطفا راهنمایی کنید
ممنون
اگه می تونین یه نمونه بذارین ممنون می شم

Dr.Bronx
شنبه 07 بهمن 1391, 20:05 عصر
با Bootstrap راحت می تونید این کار رو انجام بدید

نمونه :‌http://twitter.github.com/bootstrap/examples/fluid.html

توی نمونه بالا مرورگر رو کوچیک بزرگ کنید ببینید چه اتفاقی میفته .

نمونه های دیگه و آموزش :‌ http://twitter.github.com/bootstrap/getting-started.html

برای مدیریت آبجکت ها هم می تونید از سیستم 960 استفاده کنید :‌http://960.gs/

توی سایت خودش نمونه زیاد داره .

موفق باشید ./