• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
فاصله دادن محتویات قالب از کناره ها
#1
دوستان من یه مشکلی دارم اونم این که فرض کنین قالب من 960 پیکسل هستش و حالا می خوام هر کاربری که مرورگرش بالای 960 پیکسل بود گوشه های صفحه (سمت راست و چپ) واسش فاصله بیافته. این کار رو چجوری باید انجام داد با css?

یعنی محتویات موقعی که عرض مرورگر بیشتر از 960 پیکسل هستش وسط باشه.
  پاسخ
تشکر شده توسط :
#2
بهش می گن طراحی ریسپانسیو responsive

این لینک رو ببین
یه سری آموزش ازش هست
http://www.hongkiat.com/blog/responsive-web-tutorials/
همه جوره اش رو داریم ظاهرن
  پاسخ
تشکر شده توسط : esteftaats
#3
این استایل رو به divها بدی میان وسط صفحه
کد:
#div{
margin: 0 auto;
width: 960px;
}
غایب
  پاسخ
تشکر شده توسط : esteftaats
#4
(۱۳۹۳ فروردین ۱۱, ۰۷:۱۰ ب.ظ)Alaa نوشته: این استایل رو به divها بدی میان وسط صفحه
کد:
#div{
margin: 0 auto;
width: 960px;
}

دقت کن:
گفت وقتی رزولوشن صفحه بیشتر از ۹۶۰ بود این اتفاق بیافته
همه جوره اش رو داریم ظاهرن
  پاسخ
تشکر شده توسط : esteftaats
#5
(۱۳۹۳ فروردین ۱۲, ۰۶:۰۳ ب.ظ)molana نوشته: دقت کن:
گفت وقتی رزولوشن صفحه بیشتر از ۹۶۰ بود این اتفاق بیافته

وقتی سوال رو جواب دادم فکر نمیکردم منظور طراحی واکنش گرا باشه،
من فکر میکنم می خواد در همه شرایط قالب وسط باشه،
اگه منظورش تو شرایط خاص هست، حق با شماست، باید طراحی واکنش گرا استفاده بشه .
غایب
  پاسخ
تشکر شده توسط : esteftaats
#6
ممنون دوستان با این کد مشکل توی مورگرهای درست حسابی )ff ,chrom,opera( مشکل برطرف شد ولی توی ie کل صفحه میره سمت راست.
(۱۳۹۳ فروردین ۱۱, ۰۷:۱۰ ب.ظ)Alaa نوشته: این استایل رو به divها بدی میان وسط صفحه
کد:
#div{
margin: 0 auto;
width: 960px;
}

کسی راه حلی نداره واسه ie?
  پاسخ
تشکر شده توسط :
#7
آی ای روی سی اس اس ها یکم حساس هست، شما احتمالا جایی اشتباه داری که این رفتار رو میبینی، وگرنه این کد توی همه ی مرورگرها جواب میده.
برای اینکه اطمینان پیدا کنین از این که درست هست توی آی ای، توی یک صفحه خالی از سی اس اس این کد رو امتحان کنید .
غایب
  پاسخ
تشکر شده توسط : esteftaats
#8
درستش کردم بالاخره.
گویا بخاطر کد <!DOCTYPE html> در خط اول بود Idea
  پاسخ
تشکر شده توسط :


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان