ورود

View Full Version : سوال: ابعاد و اندازه صفحه در مرورگرهای مختلف


IMANAZADI
پنج شنبه 29 دی 1390, 16:45 عصر
با سلام خدمت دوستان عزیز
من تازه شروع به کار با asp.net کردم برای طراحی master page یک سوال دارم
چطوری با استفاده از css صفحه رو طراحی کنم که در تمام مرورگر ها بخوبی نمایش داده بشه
یعنی وسط چین بودن صفحه و ریزولیشن های مختلف صفحه نمایش
کدوم قسمت css رو باید تنظیم کنم ؟
آیا باید خصیصه رو واسه div اصلی در نظر بگیرم یا form یا body ؟؟
میخوام صفحه از نظر ابعاد و وسط چین بود شبیه این باشه

http://1.pnd.site90.net/images/f9ce4f69ab04.jpg
cyrusthegreat
پنج شنبه 29 دی 1390, 23:51 عصر
دوست عزیز

برای اینکه یک عنصرت وسط چین بشه که در این مورد هر اون چیزی هست که درون تگ body، کد زیر رو به CSS مربوط به body اضافه کن:


margin: 0 auto;
IMANAZADI
جمعه 30 دی 1390, 08:34 صبح
دوست عزیز این حالت که صفحه تمام صفحه هست به عکس و فلش ها توجه کن
میخوام سایت دقیقا این اندازه باشه
mamali-mohammad
جمعه 30 دی 1390, 11:59 صبح
برای اینکه کامل بپوشونه باید از این استفاده کنی :

width:100%
در ادامه باید تمام دایوهایی که طراحی می کنی بر اساس % اندازه بدی
cyrusthegreat
جمعه 30 دی 1390, 13:35 عصر
دوست عزیز این حالت که صفحه تمام صفحه هست به عکس و فلش ها توجه کن
میخوام سایت دقیقا این اندازه باشه

نگاه کن دوست عزیز

مافرض می کنیم که شما layout صفحتون اینجوری هستش (یعنی باید برای اینکاری که شما می خوایید بکنید اینجوری باشه):


<body>
<div id="wrapper">
Centered Page Content
</div>
</body>


خوب اون دایو با ای دی warapper شامل تمام محتوای وسط چین شده ی شماست. همونی که بین دوتا فلش قرمز هست. هدر فوتر منو، محتوا و کلن هرچیزی که می خواید وسط باشه. اونوقت تو CSS اینهارو بنویسی اوکی می شه:

body { width: 100%; margin: 0 auto; }
div#wrapper { width: 600px; }


این 600px اندازه ی همون محتوای وسط قرار گرفته است. شما باید مقدار اینو با توجه به نیازتون تغییر بدید. برای اون منو و logo بالا هم شما اونهارو داخل یه دایو قرار بدید و برای اون دایو یه مقدار margin بزارید تا تو رفته تر بشن. اوکی؟
IMANAZADI
جمعه 30 دی 1390, 18:25 عصر
این که صفحه وسط نمیشه
دوست عزیز یعنی عرض این سایت 600 هست
فکر کنم بیشتر باشه