تمام عرض کردن صفحات وب سایت

[mhmd_07]

با سلام خدمت دوستان
ببخشید من یه سوال داشتم
من این صفحه وب سایتم رو صفحاتش رو میخوام 100% بذارم یعنی
کل صفحه امیدوارم متوجه شده باشین!

حالا وقتی که این کارو میکنم،کدهایی که برای این کار استفاده میکنم کدهای زیر هستن:


html, body{
direction:rtl;
margin:0px;
padding:0px;
height:100%;
}
.main{
min-height:100%;
height:auto;
margin:0px auto -50px auto;
background-color:#F0F0F0;
}

این حالت وقتی عناصر در داخل main
قرار میدم در رزولوشن 900* 1440
موقعیت عناصر در همان main
درست هستن "منظورم از اینکه درست هستن همون موقعیتی هستن که من قرار دادم"اما وقتی رزولوشن رو به روی 768*1024
میبرم موقعیت عناصر توی همون main بهم میخوره
هرکاری که امتحان کردم نشد:گریه:
ممنون میشم کمک کنید.

[shedayat]

سلام دوست عزیز. برای اینکه سایتتون توی رزولوشن های مختلف (موبایل و تبلت و ...) به درستی نمایش داده بشه باید سایت رو به حالت "ریسپانسیو" طراحی کنید.
همین کلمه رو توی گوگل و این سایت جستجو کنید به نتایج خوبی خواهی رسید.
موفق باشید.

[صباح فتحی]

width:100%نه height

[mhmd_07]

خیلی ممنون
اما دقیقا متوجه نشدم:ناراحت:
منظور من اینه،مثلا این سورسی که درست کردم ر و با رولوشن 900*1440 ببینید و بعد تغییر بدید
حالا متوجه میشید که موقعیت عناصر بهم میخوره،
اینم لینک دانلود (http://s4.picofile.com/file/7795315050/ws.zip.html) سورس.
ممنون.

[moalla]

منظورتون از بهم ریختن چیه؟ کدوم عنصر چه شکل میشه که میگین بهم میریزه؟
دقیقا میخواین چه شکلی کنار هم بیان؟

[mhmd_07]

دقیقا میخوام همون شکلی قرار بگیرن که در رزولوشن 900*1440 نمایش داده میشن.

[mhmd_07]

اقا خواهشا یکی کمک کنه
ممنون میشم.

[soroush.r70]

از این لینک هم می تونی کمک بگیری (http://barnamenevis.org/showthread.php?378702-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%A8%D8%A7-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%AA%DA%A9%D9%86%DB%8C%DA%A9-responsive&highlight=%D8%B1%DB%8C%D8%B3%D9%BE%D8%A)