PDA

View Full Version : مشکلات استفاده از div به جای table



shirzad_info
دوشنبه 01 مهر 1387, 13:34 عصر
سلام دوستان
من با استفاده از مطالب این سایت و سایتهای دیگه تونسم بفهمم و قانع بشم که باید به جای table از div استفاده کنم .
ولی فکر کنم یه مشکلی هست . من با استفاه از جداول صفحه رو قطعه قطعه میکردم و border کل جدول رو 0 میکردم و قالب سایت رو به این شیوه درست میکردم . حالا اگه بخوام از div استفاده کنم div که tr,td,colspan,rowspan و... نداره که صفحه رو قطعه قطعه کنم . شاید بگبن div خاصیت position داره ولی اونطوری که من میدونم اگه این خاصیت برابر با relative باشه میتونیم div ها رو تو صفحه مکان دهی کنیم و وقتی این خاصیت برابر absolute باشه اصلا امکان مکان دهی وجود نداره ... . و وقتی هم که از خاصیت relative استفاده میکنیم و ظاهرا همه چیز درسته ولی div ها در این صورت مثل table نیستن که به هم چسبیده باشن و وقتی مطالب داخل یه سلول زیاد شد کش بیان !! . تا اونجایی که من فهمیدم در این صورت هر div به صورت مستقل هست و وقتی مطالب داخل یه div زیاد شد روی div های دیگه می افته و صفحه رو خراب میکنه ( بزرگترین مشکل من همینه ) . اصلا با این تجربیاتی که من دارم کار کردن با div اسونتره ولی این مشکلات رو هم داره
اصلا میشه داخل یه div رو تقسیم بندی کرد ؟ اگه نشه که نمیشه قالب طراحی کرد ...
دوستان اگه میشه این مطالب رو برام یه ذره شفاف سازی کنید ...
البته اینایی که نوشتم تجربیات خودم بود و نمیگم حتما درستن یا ... فقط از شما عزیزان راهنمایی میخوام
ممنونم و منتظر جواب

bps20590
سه شنبه 02 مهر 1387, 17:10 عصر
دوست عزيز استفاده از div برروي سرعت لودشدن صفحات بسيار تاثيرداشته واين چيزي كه شما فرمايش مي كنيد براحتي انجام پذيراست شما مي توانيد سري به اين سايت بزنيد كه قالب طراحي آن بوسيله div صورت گرفته شايد بتوني از سورس آن مشكل خودرا حل كني
http://www.deltarayaneh.com

jaza_sa
چهارشنبه 03 مهر 1387, 02:59 صبح
علاوه بر نکته ای که شما اشاره کردید در خصوص position ،
خاصیت دیگه ای داریم با نام float که یکی از پراستفاده ترین و مهمترین خصوصیات به شمار میاد
برای اطلاعات بیشتر راجع به این خصوصیت به سایت زیز مراجعه کنید و حتما قسمت Try-It-Yourself Demos رو ببینید :
http://www.w3schools.com/css/pr_class_float.asp

امید امرایی
جمعه 05 مهر 1387, 01:08 صبح
جناب shirzad_info (http://barnamenevis.org/forum/member.php?u=12135)
دقیقا تمامی کار هایی رو که شما گفتید با Div ها خیلی بهتر از جداول می شه انجام داد . ولی هر کاری نیاز به دانش و تجربه خاص خودش داره و همچنین ابزاره خودش رو می طلبه .
علاوه بر نکته ای که bps20590 (http://barnamenevis.org/forum/member.php?u=9050) عزیز در مورد سرعت بارگذاری فرمودن استفاده از Div ها برنامه شما رو بسیار انعطاف پذیر تر می کنه.
در مورد کش اومدن هم می تونید از خاصیت maxwidth و maxheight استفاده کنید .
به این نکته توجه کنید که هیچ کاری نیست که شما بتونید و با جداول انجام بدین ولی با div ها نشه .

تصور کنید اگه بخواید دو تا جدول رو کنار هم قرار بدید باید 3 تا جدول ایجاد کنید که بیش از 10 خط کد های پیچیده رو به همراه داره در حالی که با دو تا div و یک خاصیت float به راحتی این کار رو انجام می دید

و ....

raghb_1
دوشنبه 18 اسفند 1393, 13:59 عصر
سلام دوست من این مشکل شما گفتید یعنی سر ریز شدن مطالب از ارتفاع وپهنای div شما
شما میتونید از خاصیت overflow استفاده کنید این صفت با تعیین مقدار آن مثل scroll به شما میگه اگه مطالب زیاد شد توی div یک اسکرول قرار بده و گزینه های دیگر hidden یعنی بقیه مطالب سرریز را مخفی کن...وغیره:لبخندساده: