مشکل css برای عرض یک div

[shafiee 10]

سلام دوستان

ممنون میشم یه سر به این سایت بزنید KHEIBAR STUNTTMEN دیو اصلی که بقیه مطالب و content در اون قرار دارند ( div main-asli) هست که من به اون یک بک گراند و یه opacity دادم

اما این دیو تنها به اندازه مطلبی که در اون قرار داره ارتفاع میگیره مثل این صفحه MEMBER LOGIN

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

ممنون میشم دوستان کمکم کنید خیلی وقته این مشکل و دارم

[samira afra 11]

دوست جون بیا راهشو یافتم

به body قالبت overflow-x دادی که این غلطه باید overflow:hidden بدی

دوم اینکه یه دیو center باید ارتفاع بدی height:5000px

من تست کردم درسته

[Vahid Taheri 74]

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

1- یا سوال واضح نیست

2- یا اطلاعات و توضیحاتی که دادین کافی نیست

3- یا سوال شما پیچیده است و کمی زمان بره

4- کسی راه حلی نداره

5- تاپیک های تکراری دیگران و بهم ریختن نظم انجمن(مثل همین تاپیکی که من دوتاشو خودم دیدم ولی ندید گرفتم)

6- عنوان نامناسب

بعدم اینجا انجمن هست و دستی میچرخه.کارخونه نیست که سه سوته پاسخ بگیرید

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

اما راه حل این مشکل:

برای استایل سی اس اس main-asli شما به جای position:relative; از position:absolute; استفاده کنید. وقتی از این استفاده میکنید خاصیت margin بهم میریزه و main-asli میاد سمت چپ. برای اینکار مقدار margin رو باید تغییر بدین تا به استایل دلخواه برسید

موفق باشید

[Vahid Taheri 74]

دوست جون بیا راهشو یافتم

به body قالبت overflow-x دادی که این غلطه باید overflow:hidden بدی

دوم اینکه یه دیو center باید ارتفاع بدی height:5000px

من تست کردم درسته

این چیزی که شما گفتین کلا قلطه. میدونین چرا؟

1- این برای زمانی هست که ما برای هر صفحه یه استایل داشته باشیم

2- اگر overflow:hidden گذاشته بشه، در صفحاتی که اسکرول عمودی هم داره اسکرول عمودیش مخفی میشه.

3- بازم ارتفاع ثابت برای موقعی هست که هر صفحه یه استایل داشته باشه یعنی ممکنه یه صفحه داشته باشیم که ارتفاعش کمترباشه که با این کار اسکرول اضافه میخوره.

[shafiee 10]

ممنون از اینکه وقت گذاشتید

بله من این سوال و چندین بار تو انجمن پرسیدم حتی با توضیحات زیاد پیام خصوصی برای چند تا از دوستان فرستادم اما متاسفانه جواب نگرفتم

در هر حال ممنون که سوالم و جواب دادید

اگر من position:absolute بگذارم همون طور که گفتید بهم میریزه در این صورت باید margin و چطوری بدم تا توی مانیتورهای مختلف به یه شکل نمایش بده یعنی این دیو دقیقا وسط قرار بگیره؟

[samira afra 11]

این چیزی که شما گفتین کلا قلطه. میدونین چرا؟

1- این برای زمانی هست که ما برای هر صفحه یه استایل داشته باشیم

2- اگر overflow:hidden گذاشته بشه، در صفحاتی که اسکرول عمودی هم داره اسکرول عمودیش مخفی میشه.

3- بازم ارتفاع ثابت برای موقعی هست که هر صفحه یه استایل داشته باشه یعنی ممکنه یه صفحه داشته باشیم که ارتفاعش کمترباشه که با این کار اسکرول اضافه میخوره.

حرف شما درسته الان دیدم

[Vahid Taheri 74]

برای اینکه در همه ی مانیتور ها وسط باشه مقدار margin و width اون کلاس رو باید برحسب درصد وارد کنید. یعنی این دو کد:

width: 97%;
margin: 0 2%;

با قرار دادن این کدها به جای کد های قبلی این مشکل هم حل میشه و به تناب اندازه صفحه از طرفین فاصله میگیره