PDA

View Full Version : سوال: مشکل با overflow:auto



.fatemeh
شنبه 18 آذر 1391, 09:29 صبح
با سلام.
یه div دارم که overflow:auto قرار دادم.ارتفاع رو هم 300 پیکسل گذاشتم.
حالا وقتی که توی این div اطلاعات قرار می گیره
اگر مقدا از 300 پیکسل کمتر باشه که درسته و اسکرول نمی خوره.
اگر بشتر باشه div اسکرول می خوره طبق تعریف overflow:auto
ولی مشکل اینجاست که مرورگر هم به اندازه اطلاعات ،اسکرول می خوره.
یعنی انگار من overflow تعریف نکردم.بعد چون محصولات توی div ی هستن که اسکرول خورده
پایین صفحه فضای خالی قرار میگیره.
اگه منظورم رو خوب نگفتم اینو ببینید
http://www.karaneh.net/gift%60s/31/%D9%87%D8%AF%D8%A7%DB%8C%D8%A7%DB%8C%20%D8%AA%D8%A 8%D9%84%DB%8C%D8%BA%D8%A7%D8%AA%DB%8C%20|%20%D8%B3 %D8%A7%D8%B9%D8%AA%20%D8%AF%DB%8C%D9%88%D8%A7%D8%B 1%DB%8C
می شه کمک کنید درست بشه؟ ممنون

.fatemeh
شنبه 18 آذر 1391, 10:02 صبح
من یه div دیگه دارم با صفت visibility:collapse وقتی اونو حذف می کنم درست میشه.
یعنی این دوتا با هم مشکل دارن؟
چه طوری از هردو div استفاده کنم؟؟

masiha68
شنبه 18 آذر 1391, 10:05 صبح
کد سی اس اس رو بذارین بهتر میشه کمک کرد

.fatemeh
شنبه 18 آذر 1391, 10:22 صبح
div محصولات:

.showbody{ float:left; width:810px; height:800px; overflow:auto;background-image:url(../images/temp/bg.jpg); background-repeat:repeat; }
div دوم:

color:#FFC20C; position:absolute;visibility:hidden;
البته متوجه شدم چون position:absolute هست از div محصولات بیرون می افته به خاطر همین اسکرول می خوره.
یعنی مشکل اصلی همین position:absolute هست.البته فکر کنم.

masiha68
شنبه 18 آذر 1391, 10:32 صبح
دقیقا مشکل از پوزیشنی که واسش تعریف کردین
وقتی position:absolute رو قرار می دید یه دیو می سازین که به صورت یک بلوکه بدون انعطافه
البته من نمی دونم widht ها رو چه جوری تعریف کردین و احتمال هم می دم که دیوها روی هم بیفتن مثلا اگه شما دیو کلی رو 800 و دوتا دیو دیگه رو 600 و 210 قرار بدین اون 10 پیکس اضافه میاد و باعث می شه دوتا دیو توی دیو کلی توی یک طراز قرار نگیرن و پشت سر هم نمایش داده بشن
این رو هم بررسی کنین

.fatemeh
شنبه 18 آذر 1391, 10:43 صبح
درست شد.:لبخند:
رفتم چک کردم دیدم div دوم از داخل div با کلاس showbody بیرون می زنه.
بعد کلاسش رو اینطوری تعریف کردم.

.showbody{ position:absolute; z-index:100; float:left; width:810px; height:800px; overflow:auto; background-image:url(../images/temp/bg.jpg); background-repeat:repeat;}

پس div دوم افتاد داخل.