حاشیه غیر قابل کنترل صفحه

سلام
من قالبی طراحی کرده ام
اما این قالب اسکرول افقی خورده است و یک ستون خاکستری رنگ در سمت چپ مرورگر من می باشد
با inspect element هم هیچ select ای به من نمی دهد
آقای موسوی نظر شما؟

بهترین پاسخ انتخاب شده توسط سید رضا موسوی

آفلاین

سید محمد حسین موسوی

2 سال پیش

سلام
وقتی اسم شخص خاصی رو می بری یعنی علاقه ای نداری بقیه بهت جواب بدن؟
یکم سخته بدون اینکه عکس یا کدی از پروژه شما رو ببینیم بگیم مشکل مشکل چیه اما اینکه با inspect نمی تونی انتخابش کنی یکی از دلایلش این می تونه باشه که اون عنصر شما احتمالا z-index پایین تر از عنصر دیگه است و وقتی می خوای انتخابش کنی اون اتخاب نمی شه بلکه ایتم بالاییش انتخاب می شه
یه راه ساده برای پیدا کردن اون ایتم هست و اونم اینه که بری تو ایسنپکت مرورگرت و ایتم ها رو دونه دونه Delete element کنی. لازم هم نیست همه ایتم ها باشه بلکه ایتم های پدر که N تا element داخلش هستن رو انتخاب کن و پاک کنن. ببین کدوم رو پاک می کنی اون ایتم حذف می شه و اینطوری می تونی بفهمی اون عنصرت که داره کار رو خراب می کنه کجاست و بعدش پیدا می کنی و حلش می کنی

سلام
وقتی اسم شخص خاصی رو می بری یعنی علاقه ای نداری بقیه بهت جواب بدن؟
یکم سخته بدون اینکه عکس یا کدی از پروژه شما رو ببینیم بگیم مشکل مشکل چیه اما اینکه با inspect نمی تونی انتخابش کنی یکی از دلایلش این می تونه باشه که اون عنصر شما احتمالا z-index پایین تر از عنصر دیگه است و وقتی می خوای انتخابش کنی اون اتخاب نمی شه بلکه ایتم بالاییش انتخاب می شه
یه راه ساده برای پیدا کردن اون ایتم هست و اونم اینه که بری تو ایسنپکت مرورگرت و ایتم ها رو دونه دونه Delete element کنی. لازم هم نیست همه ایتم ها باشه بلکه ایتم های پدر که N تا element داخلش هستن رو انتخاب کن و پاک کنن. ببین کدوم رو پاک می کنی اون ایتم حذف می شه و اینطوری می تونی بفهمی اون عنصرت که داره کار رو خراب می کنه کجاست و بعدش پیدا می کنی و حلش می کنی

@SeyedMH.Mosavi ممنون از پاسخ خوبت، میتونم برای شما در تلگرام پروژه را ارسال کنم ببینید؟

@SeyedMH.Mosavi راهنمایی شما خیلی موثر بود. نودی که کلاس container را شامل می شد باعث خرابی و اسکرول خوردن صفحه بوت استرپ من میشد و در واقع گپ طراحی ایجاد می کرد. کد css زیر را به عنصری که id = container را شامل میشد اضافه کردم درست شد.

overflow-x: hidden;

@rmtonliner
احسنت. خیلی هم عالی ولی بهتر ببینی مشکل از کجا بوده و چه چیزی باعث شده بود این مشکل پیش بیاد. به نظرم بهتره اون overflow رو موقتا بزاری کنار و مثل یه مرد بری دنبال مشکل بگردی ^_^
دلیلش اینه که وقتی بفهمی مشکل چرا رخ داده باعث می شه تو پروژه های بعدی دیگه اون اتفاق برات پیش نیاد ولی اگر اینکارو نکنی مجبوری تا اخری با همین overflow کارت رو راه بندازی :)
تو برنامه نویسی بیشتر اوقات پیدا کردن مشکل از حل کردن مشکل سخت تره. مثلا مشتری زنگ می زنه می گه من یه سری از مشتری های تو فلان بخش از سایت به مشکل بر می خورن ولی غالبشون این مشکل رو ندارن. اون چه پارامتریه که باعث می شه اون دسته از مشتری ها به مشکل بر بخورن و شما دنبالشی. الله اعلم :)
انقدر باید بالا پایین کنی تا بفهمی و بعد که فهمیدی شاید با یه نیم ساعت وقت گذاشتن مشکل رو حل کنی