مشکل با مقداردهی width 100%

[saeeddeeas 8]

سلام دوستان

من یه مشکل اساسی در طراحی دارم

اونایی که مثلا توی طراحی width:100% استفاده میکنم

تو مانیتور خودم خوب و همه عناصر در جاشون هستند اما در مانیتورهای مختلف مثلا اسکرول عمودی ایجاد میشه عناصر در جای خود نیستند و.....

در واقع مشکل رزولیشن به وجود میاد

[Parsa 23463]

عنوان ویرایش شد

[Farid 2281]

سلام شما باید در طرح خودتون یک کلاس در برگیرنده ی کل اجزا ایجاد کنید که کل کلاس های دیگه رو در بر بگیره ، اینجوری :

<div class="wrapper">
کل کدها
</div>

.wrapper{
margin:auto;
width:1000px;
}

[saeeddeeas 8]

سلام شما باید در طرح خودتون یک کلاس در برگیرنده ی کل اجزا ایجاد کنید که کل کلاس های دیگه رو در بر بگیره ، اینجوری :

<div class="wrapper">
کل کدها
</div>

.wrapper{
margin:auto;
width:1000px;
}

خیلی ممنون

بهترین width برای این div کلی چه اندازه ای میتونه باشه مثلا برای طراح من 1263px خوب جواب داد

[Farid 2281]

شما باید از اول طرحتون رو روی همون عرضی که گفتم تنظیم کنید ، بهترین هم همون عرض هست

[saeeddeeas 8]

شما باید از اول طرحتون رو روی همون عرضی که گفتم تنظیم کنید ، بهترین هم همون عرض هست

دوست عزیز رو همون عرض تنظیم میکنم اما کل مرورگرو نمیگیره

یعنی من میخوام کل مرورگر گرفته بشه با عناصر

مثل این قالب

http://www.iranserver.com/

عکس ملاحضه بفرمائید

[tazeh 625]

البته شما می تونید با درصد دادن مشکل رو حل کنید.

width:100%;

این مقدار برای تمام اندازه های صفحه بطور خودکار تغییر می کنه.

[saeeddeeas 8]

البته شما می تونید با درصد دادن مشکل رو حل کنید.

width:100%;

این مقدار برای تمام اندازه های صفحه بطور خودکار تغییر می کنه.

این کارو کردم اما تو پست اولم گفتم که تو رضولیشنا عناصر به هم میریزه

[Farid 2281]

با استفاده از کد Width:100% باید کل عرض رو بگیره // کدهای css ای که استفاده کردید در اون عکس رو پیوست کنید

[saeeddeeas 8]

خدمت شما

*{
direction:rtl;
padding:0;
margin:0;
border:0;
}
/***********************************************************************/
body{
background-color:#B3D4FC;
}
.warp{
background:#000;
width:1000px;
margin:auto;
height:500px;
}
.header{
width:100%;
height:50px;
background-color:#FFF;
margin:20px auto;
float:right;
}

[Farid 2281]

الان این نمونه رو با کدهای خودتون درست کردم ، ببینید همون جوری شد که میگفتید

http://codepen.io/faridghasemi/pen/LAJCe

با تغییر رزولشن هم بهم نمیریزه

[saeeddeeas 8]

در این صورت فقط هدر کل مرورگر میگیره در حالی که من میخوام همه عناصر کل مرورگر بگیرند دقیقا شبیه این سایت

http://www.iranserver.com/

میبینید همه عناصر کل مرورگر گرفتن و وقتی رزولیشت تغییر میکنه هیچ اتفاقی نمی افته

[Farid 2281]

خب دوست عزیز ، کدهای همون سایت رو چک کنید ، به تک تک عناصر همین کد رو داده !