PDA

View Full Version : سوال: مشکل کلی در html و Css


haj mansour
یک شنبه 23 تیر 1392, 01:12 صبح
سلام دوستان من می خوام یک قالب طراحی کنم اما یک مشکل دارم اونم اینه که چطور می تونم ابعاد صفحه رو ثابت نگه دارم؟ یعنی یا تغییر رزولوشن یا سایز پنجره مرورگر به جای اینکه محل اجزای صفحه تغییر کنن اسکرول برای صفحه نمایش داده بشه؟


با تشکر
arefba
یک شنبه 23 تیر 1392, 01:30 صبح
به اینگونه قالب ها responsive می گن
اگه طراحی با درصد صورت بگیره تا حدودی این مشکل حله
پیشنهاد من اینه که اگه جهت یادگیریت نیست از bootstrap استفاده کن
mohamad_torabi
یک شنبه 23 تیر 1392, 01:32 صبح
سلام
تا اونجایی که من میدونم میتونید به جای پیکسل از درصد استفاده کنید
IamOverlord
یک شنبه 23 تیر 1392, 01:42 صبح
سلام دوست عزیز...
می شه دقیق تر توضیح بدید که الان مشکل چیه... دقیقا متوجه نشدم که... اگه شما کد CSS ات رو بذاری تا ببینیم مشکلتون کجاست بهتره...
position ها رو درست تعیین کردی؟
از float استفاده کردی یا نه؟
خاصیت overflow رو چی گذاشتی؟
ساختار div هات؟
...؟
r4hgozar
یک شنبه 23 تیر 1392, 09:49 صبح
فکر کنم سوال رو یا من بد متوجه شدم.
یا شما بد نوشتی.
اصولا وقتی ابعاد کوچیک و بزرگ میشه اگه کد نویسی درست باشه پنجره ای جابه جا نمیشه. اما باعث میشه اسکرول بیاد.
اما اگه به قول دوستمون ریسپانسیو عمل کنین دیگه اون اسکرول هم نمیاد. جز اینکه ابعاد رو خیلی کوچیک کنین.
تو همین تالار یکی از دوستان نمونه کار ریسپانسیو رو گذاسته نگاه کنین متوجه میشین
haj mansour
یک شنبه 23 تیر 1392, 23:22 عصر
من فهمیدم رسپانسیو چیه ولی دقیقا برعکسشو می خوام یعنی مثل بیشتر سایتایی که هستن یعنی با تغییر سایز صفحه، فرد برای دیدن اطلاعات صفحه مجبور باشه از حرکت دادن اسکرول استفاده کنه. مثل همین سایت و... یعنی ابعاد صفحه ثابت باشه و یک رزولوشن خاص داشته باشه الان هم هنوز کار وارد کدنویسی نشده این سوال کلا برای من بود البته خوب قبلا این مشکلو داشتم ولی برای پروژه فعلی هنوز نه. یعنی در واقع عکس اون چیزی که دوستان گفتن میخوام.
ateryad
یک شنبه 23 تیر 1392, 23:31 عصر
خوب دوست عزیز شما باید در طراحی از پیکسل استفاده کنید که مثل بیشتر سایتهایی که فرمودید اسکرول بخوره...
azamicu
دوشنبه 24 تیر 1392, 00:02 صبح
دوست عزیز شما اول باید css رو ریست کنی تا تو مرور گرها یکسان بشه
و بعدش باید تو طراحیت از یک استاندارد و تکنولوژی پیروی کنی مثلا flat , grid و ...
یا مثلا با عرض 960px که استاندارد هستش وبعد اجزاتو با توجه به اونا بچینی تا درست نمایش داد بشه
haj mansour
دوشنبه 24 تیر 1392, 01:01 صبح
دوست عزیز شما اول باید css رو ریست کنی تا تو مرور گرها یکسان بشه
و بعدش باید تو طراحیت از یک استاندارد و تکنولوژی پیروی کنی مثلا flat , grid و ...
یا مثلا با عرض 960px که استاندارد هستش وبعد اجزاتو با توجه به اونا بچینی تا درست نمایش داد بشه

این استاندارد و تکنولوژی که می گین چی هست؟ میشه توضیح بدین در ضمن آیا اندازه عرض محدودیت یا قاعده خاصی داره؟
IamOverlord
دوشنبه 24 تیر 1392, 01:45 صبح
سلام دوست عزیز!

می تونید از ترکیب مقداردهی درصدی و واحدی استفاده کنید... مثلا این مثالی که این جا گذاشتم رو ببینید: طراحی این صفحه به چه صورت است (http://barnamenevis.org/showthread.php?408671-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%A7%DB%8C%D9%86-%D8%B5%D9%81%D8%AD%D9%87-%D8%A8%D9%87-%DA%86%D9%87-%D8%B5%D9%88%D8%B1%D8%AA-%D8%A7%D8%B3%D8%AA&p=1820554&viewfull=1#post1820554)

لزومی نداره کل صفحه ات مقداردهی درصدی داشته باشه یا حتی کلش مقداردهی واحدی... من راحت ترم که از calc (http://css3clickchart.com/#calc) استفاده کنم، مثلا:


width: -webkit-calc(100% - 200px - 200px);
width: -moz-calc(100% - 200px - 200px);
width: calc(100% - 200px - 200px);