تنظیم بک گراند!

mhwd · May 26, 2013

با سلام خدمت دوستان مجید آنلاین

ببخشید من بایت چند سوال مزاحم شدم و باور کنید قبلش همه جا را سرچ کردم اما نتیجه نگرفتم یک منبع خوب پیدا کردم همه رو همانطور انجام دادم اما نتیجه نمیگرفت و سر در نمیارم اینم لینک ادرسش:" لینک ادرس " که امیدوارم اینجا دیگه نتیجه بگیرم ببینید دوستان من اخرش این تنظیم بکگراند رو متوجه نشدم و خیلی بابت این موضوع کلافه شدم :shock:

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

سوال دومم بعدا میگم

خیلی ممنون میشم تو رو خدا کمک کنید!!!!!!!!!!!! ؟

SajadCG · May 26, 2013

برای این کار کافیه از bachground-size استفاده کنید.
به این شکل:
CSS Code:

background-size: 100% 100%;

این استایل width و height بکگراند را با سایز صفحه نمایش تنظیم میکنه.
فقط یه نکته هست اونم اینکه این استایل بگراند شما را میکشه و اگه تصویر بکگراند به
شکلی باشه که با کشیده شدن بی کیفیت بشه پیشنهاد من اینکه بسته به حالت عکستون
یا فقط width را 100% بدید که تصویر بر اساس عرض صفحه تنظیم میکنه
یا اینکه height را 100% بدید تا عکس بر اساس ارتفاع تنظیم بشه.

CSS Code:

;background-size: auto 100%
;background-size: 100% auto

mhwd · May 26, 2013

SajadCG گفت:
برای این کار کافیه از bachground-size استفاده کنید.
به این شکل:
CSS Code:

background-size: 100% 100%;

این استایل width و height بکگراند را با سایز صفحه نمایش تنظیم میکنه.
فقط یه نکته هست اونم اینکه این استایل بگراند شما را میکشه و اگه تصویر بکگراند به
شکلی باشه که با کشیده شدن بی کیفیت بشه پیشنهاد من اینکه بسته به حالت عکستون
یا فقط width را 100% بدید که تصویر بر اساس عرض صفحه تنظیم میکنه
یا اینکه height را 100% بدید تا عکس بر اساس ارتفاع تنظیم بشه.

CSS Code:

;background-size: auto 100%
;background-size: 100% auto

خیلی ممنون دوست عزیز این کد شما جواب داد اما فقط تو ie8 مشکل داره که اونم هنگام تغییر رزلوشن به 768*1024 هست،اما خوبه

سوال دومم اینه که فرض کنید من در صفحه ام یک div رو عرضش رو %100 کردم و داخل اون یک دیو تعریف کردم که کدش این هست:

css cod:

[CSSS].main {
width: 100%;
float: right;
margin-top: 150px;
}
.content {width:1070px;
float:right;
}[/CSSS]

هنگامی که صفحه 900*1440 است همه عناصر در جای خود قرار دارند اما باز با تغییر رزلوشن به 768*1024 موقعیت دیوها بهم میخوره.

چرا اینطوری میشه.در بعضی از سایت ها اینطوری نیست!؟

ممنون.

SajadCG · May 26, 2013

mhwd گفت:
خیلی ممنون دوست عزیز این کد شما جواب داد اما فقط تو ie8 مشکل داره که اونم هنگام تغییر رزلوشن به 768*1024 هست،اما خوبه

سوال دومم اینه که فرض کنید من در صفحه ام یک div رو عرضش رو %100 کردم و داخل اون یک دیو تعریف کردم که کدش این هست:

css cod:

CSS Code:

.main {    width: 100%;    float: right;    margin-top: 150px;}.content {width:1070px;float:right;}

هنگامی که صفحه 900*1440 است همه عناصر در جای خود قرار دارند اما باز با تغییر رزلوشن به 768*1024 موقعیت دیوها بهم میخوره.

چرا اینطوری میشه.در بعضی از سایت ها اینطوری نیست!؟

ممنون.