چند مشکل با درصد دادن قالب

[meysam.moh]

سلام دارم قالب سایتو بر اساس خاصیت درصد درست میکنم. اما مشکلی که دارم: - دایو اصلی میخوام به گوشه های مرورگر بچسبه ( از 4 طرف فاصله داره ) - دایوهای دیگه ای که میزارم امکان داره مثلا 300 پیکسل باشن، اینارو چطوری باید درصدی بدم؟

[colors]

درود

کد CSS زیر رو به بالای کدهای CSS ت اضافه کن
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background : transparent; border : 0; font-size : 100%; margin : 0; outline : 0; padding : 0; vertical-align : baseline; }


دوست عزیز خودت داری میگی 300 PX باشه ولی درصدی! میکه همچین چیزی میشه؟؟
میتونی از min-hwight , min-width , max-height , max-width استفاده کنی

[meysam.moh]

میخوام قالبم داخل تمام مانیتورها یک سایز خاص داشته باشه. مگه نباید تمام width هارو با درصد داد؟ یعنی همین 300 هم درصدی بشه ؟

[colors]

دوست عزیز باید کلا از درصد استفاده کنی.
پیکسل برای قالبی مفیده که سایز مشخصی داشته باشه . البته میشه تو قالبهای که با درصد ساخته پیاد شدن استفاده کرد ولی اگه تگی رو با PX مقدار دهی کنید اندازه ثابتی داره و تو تمام رزولیشن ها نمایش یکسانی داره.

به کد همین سایت یه نگاه بنداز

[meysam.moh]

دوست عزیز باید کلا از درصد استفاده کنی.
پیکسل برای قالبی مفیده که سایز مشخصی داشته باشه . البته میشه تو قالبهای که با درصد ساخته پیاد شدن استفاده کرد ولی اگه تگی رو با PX مقدار دهی کنید اندازه ثابتی داره و تو تمام رزولیشن ها نمایش یکسانی داره.

به کد همین سایت یه نگاه بنداز

الان که گفتین باید کلا از درصد استفاده کنم اون قسمتی که دایوش از دید پیکسلی 300 باشه را چطوری درصدی بدم که انگار همون 300 هست؟ میخوام کل سایت درصدی بشه. بهتره اینجوری آره؟

[yones_safari]

عزیزم اکثر سایتها اندازه ثابت میدن و همه عناصر رو میریزن تو یه div و این div رو با دستور زیر میارن وسط صفحه.

margin: 0 auto;
در ضمن این div نباید float اش رو مقدار دهی کنی.
موفق باشید.

[meysam.moh]

خب اگر اندازه ثابت داده بشه مثلا 1007 داخل مانیتورهای 13 اینچ کشیده میشه اما داخل 15 و بالاتر خیلی جذاب نمایش میده

[yones_safari]

عزیزم اندازه ثابت تو همه مانیتورها یکسان نمایش داده میشه!!

[yones_safari]

دادا شما میتونی تو سایت زیر هر اندازه ای رو ببینی:
http://www.viewlike.us (http://www.viewlike.us/)
مثلا تو این سایت بزن www.khabaronline.ir (http://barnamenevis.org/www.khabaronline.ir) و تو اندازه های مختلف چک کن.این از همون روشی که من گفتم استفاده میکنه.
اندازه ثابت داده و اونو آورده وسط.
موفق باشید.

[meysam.moh]

آره ولی منظورم اندازه width کلی هست که 1007 داده بشه. این 1007 که width باشه داخل 13 اینج هم 1007 هست دیگه، اونوقت اسکرول مرورگر کشیده نمیشه؟ راه حل اینو میخوام که داخل 13 اینچ کشیده نشه اسکرول مرورگر ( width )

[colors]

راه حلی نداره - تنها راه برای این کار استفاده از % هست

[meysam.moh]

راه حلی نداره - تنها راه برای این کار استفاده از % هست

با درصد چطور اون قسمت هایی که گفتمو درست کنم؟ مثلا 300 پیکسل داخل درصد چی میشه؟ واحدشون تبدیل خاصی دارن؟

[colors]

با درصد چطور اون قسمت هایی که گفتمو درست کنم؟ مثلا 300 پیکسل داخل درصد چی میشه؟ واحدشون تبدیل خاصی دارن؟

نه اصلا هیچ راهی نداره که PX رو با % بدی

[yones_safari]

عزیزم چرا راه نداره!!!!داره اما واسه این مسئله چون ما نمیدونیم width صفحه چقدره نمیشه.
مثلا اگه width صفحه نمایش 1000px باشه با فرمول زیر میشه حساب کرد.مثلا میخواییم 50px رو حساب کنیم:
50 تقسیم بر 1000 ضرب در 100.
موفق باشید.

[colors]

عزیزم چرا راه نداره!!!!داره اما واسه این مسئله چون ما نمیدونیم width صفحه چقدره نمیشه.
مثلا اگه width صفحه نمایش 1000px باشه با فرمول زیر میشه حساب کرد.مثلا میخواییم 50px رو حساب کنیم:
50 تقسیم بر 1000 ضرب در 100.
موفق باشید.

من که ندونستم شما چی گفتید؟؟
اگر عرض صفحه 1000px باشه و بخوایم 50px رو محاسبه کنیم ؟؟ یعنی چی ؟

[yones_safari]

نه اصلا هیچ راهی نداره که PX رو با % بدی
دادا اینو میگم.:چشمک:
فرمول تبدیل px به % هستش.

[colors]

دادا اینو میگم.:چشمک:
فرمول تبدیل px به % هستش.

خوب همین دیگه من به فرمول شما شاره کردم.

مثلا اگه عرض صفحه من 90٪ باشه چطوری 260px رو توش مشخص میکنی ؟

[yones_safari]

خوب همین دیگه من به فرمول شما شاره کردم.

مثلا اگه عرض صفحه من 90٪ باشه چطوری 260px رو توش مشخص میکنی ؟
دادا من بالا هم گفتم که باید عرض مانیتور رو بدونیم.من فرضا 1000px میگیرم:
90 تقسیم بر 100 ضربدر 1000=900px

[colors]

یونس جون اصلا نگرفتم منظورت چیه -- منظورت اینه :

اگه بخوایم بفرض 65٪ یک صفحه با عرض 800px رو بدست بیاورید = 800 تقسیم بر 100 * 65 = 520px درسته؟

اگه این باشه خوب زیاد ربطی به سوال دوستمون داشت

[yones_safari]

یونس جون اصلا نگرفتم منظورت چیه -- منظورت اینه :

اگه بخوایم بفرض 65٪ یک صفحه با عرض 800px رو بدست بیاورید = 800 تقسیم بر 100 * 65 = 520px درسته؟

اگه این باشه خوب زیاد ربطی به سوال دوستمون داشت
آره دادا.:چشمک:

[meysam.moh]

مرسی بچه ها خیلی چیزا یاد گرفتم. با این نتیجه که این فرمولم باز کمی مثل پیکسل دادنه یعنی باید بازم خودمون مانیتورا حدث بزنیم و وسطشو انتخاب کنیم... راه بهتر وجود داره؟ مثلا داخل هدر ( html ) مثل دستورات سازگار کردن با ie دستورات حالتای مختلف مانیتورو نوشت؟ یعنی اگر مانیتور ..*.. بود فایل x لود بشه

[colors]

مرسی بچه ها خیلی چیزا یاد گرفتم. با این نتیجه که این فرمولم باز کمی مثل پیکسل دادنه یعنی باید بازم خودمون مانیتورا حدث بزنیم و وسطشو انتخاب کنیم... راه بهتر وجود داره؟ مثلا داخل هدر ( html ) مثل دستورات سازگار کردن با ie دستورات حالتای مختلف مانیتورو نوشت؟ یعنی اگر مانیتور ..*.. بود فایل x لود بشه

درود
الان سایز استانداردی که با بیشتر مانیتورها سازگار باشه سایز 1024*768 هست که تقریبا width رو باید 920px در نظر گرفت.
فکر کنم با جاوااسکریپت بشه سایز عرض مانیتور رو تشخیص داد و استایل بهترو لود کرد