زمان ارسال: شنبه Aug 18, 2007 6:24 pm موضوع: قراردادن 6 خانه در کنار هم توسط DIV
تاريخ عضويت: 07 Aug 2007 ارسالها: 67 محل سكونت: Tehran
سلام. میخواستم ببینم توسط div و css چهطور میشه 6 تا خونه رو کنار هم قرار داد. در واقع سادهترین و به عبارتی خلاصهترین و کمکدلازمترین!! روش رو میخواستم.
چیزی که الان توی ذهمنه اینه که اول به دو قسمت تقسیم کنیم، بعد هر کدوم رو هم به دو قسمت و بعد یکی از اونها رو به دو قسمت. (در هر مرحله از float چپ و راست کمک میگیریم)
استفاده از Table واسه این کار خیلی ساده و تقریبا کم کد هست. آیا به صرفه است در همچین مواردی از Table استفاده بشه؟
شما باید 6 تا div رو کنار هم دیگه float کنی. این ساده ترین راهه. اگر اندازه div ها رو با درصد بدی مشکلی به وجود نمیاد و همشون کنار هم قرار می گیرن ولی اگر مقدار پیکسلی بده باید به دقت اندازه بزنی و اگر عرض صفحه از میزان حداقل مجموع عرض 6 تا div کمتر بشه، آخری از سمت راست می پره یه خط پایین تر. در هیچ شرایطی استفاده از table درست نیست. مگر اینکه محتوای داخل این 5 تا div اطلاعات جدولی باشه. در اون صورت اشکالی نداره
یه نگاهی هم به این صفحه بندازی ضرر نداره یه ابزار جالب توش هست که کد صفحه رو هم برات مینویسه و بهت میده
احتیاجی به اون کار نیست. برای اون کار مجبوری یه سری div به صفحه اضافه بشه. باید تا اونجا که میشه صرفه جویی کرد
خیلی راحت میشه هر 6 تاشون رو کنار هم float کرد. البته اگر اون 6 تا div بهشون border یا padding اضافه بشه باید حواست به مشکل box model باشه.
تاريخ عضويت: 07 Aug 2007 ارسالها: 67 محل سكونت: Tehran
amir abbas نوشته:
احتیاجی به اون کار نیست. برای اون کار مجبوری یه سری div به صفحه اضافه بشه. باید تا اونجا که میشه صرفه جویی کرد
خیلی راحت میشه هر 6 تاشون رو کنار هم float کرد. البته اگر اون 6 تا div بهشون border یا padding اضافه بشه باید حواست به مشکل box model باشه.
یه ابزار جالب توش هست که کد صفحه رو هم برات مینویسه و بهت میده
