saranekonam 0 ارسال شده در مرداد 95 گزارش بازنشر ارسال شده در مرداد 95 سلام بنده یه کد ساده CSS نوشتم ولی وقتی به عنصر قرمز رنگ خاصیت float:left میدم از main میزنه بیرون و میره پایین من میخوام عنصر قرمز بیاد کنار عنصر سبز کد HTML <!doctype html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <title>تست</title> </head> <body> <div class="header"></div> <div class="main"> <!-- header Class --> <div class="right-box"></div> <div class="content"></div> </div> </body> </html> کد CSS body{ margin: 0; padding: 0; direction: rtl; background-color: #000000; } .main{ background-color: #000000; width: 960px; height: auto; border: 5px solid white; margin: 10px auto; } .header { background-color: #ffffff; height: 137px; width: 960px; margin: auto; } .right-box { margin: 10px; width: 230px; height: 900px; background-color: #92c586; } .content { width: 690px; height: 900px; margin: 10px; background-color: red; } عکس: نقل قول لینک به ارسال
M.Javad 684 ارسال شده در مرداد 95 گزارش بازنشر ارسال شده در مرداد 95 (ویرایش شده) سلام خب کاملا مشخصه باید عرض کادر سبز یا قرمز رو کمتر کنید تا کنار هم قرار بگیره بهتره مقدار عرض رو به صورت درصدی بزارید ویرایش شده مرداد 95 توسط M.Javad نقل قول لینک به ارسال
saranekonam 0 ارسال شده در مرداد 95 مالک گزارش بازنشر ارسال شده در مرداد 95 در 31 دقیقه قبل، M.Javad گفته است : سلام خب کاملا مشخصه باید عرض کادر سبز یا قرمز رو کمتر کنید تا کنار هم قرار بگیره بهتره مقدار عرض رو به صورت درصدی بزارید نمیشه قبلا تستت کردم نقل قول لینک به ارسال
mashkook 70 ارسال شده در مرداد 95 گزارش بازنشر ارسال شده در مرداد 95 سلام! الآن عرض content 960 پیکسل هست و main هم دقیقا همین مقداره پس کلا نباید انتظار داشته باشین چیز دیگه ای توش جا بشه! اگر هم قبلا تست کردین دلیلش این هست که div های شما margin هم دارن! اون ها رو هم باید حساب کنین معمولا در اینجور مواقع نباید به div مادر width ثابت بدین ... موفق باشین نقل قول لینک به ارسال
saranekonam 0 ارسال شده در مرداد 95 مالک گزارش بازنشر ارسال شده در مرداد 95 در 9 دقیقه قبل، mashkook گفته است : سلام! الآن عرض content 960 پیکسل هست و main هم دقیقا همین مقداره پس کلا نباید انتظار داشته باشین چیز دیگه ای توش جا بشه! اگر هم قبلا تست کردین دلیلش این هست که div های شما margin هم دارن! اون ها رو هم باید حساب کنین معمولا در اینجور مواقع نباید به div مادر width ثابت بدین ... موفق باشین عرض content 690 هستش نه 960 جای <div class="content"></div> رو با <div class="right-box"></div> عوض کردم. ----- و به عنصر. content مقدار float:left رو اضافه کردم درست شد. شانسی درست شد. شما میدونید چرا اینجوری درست شد؟ نقل قول لینک به ارسال
mashkook 70 ارسال شده در مرداد 95 گزارش بازنشر ارسال شده در مرداد 95 درسته ! اشتباه دیدم ! --- برای این کارتون هم : float:left میگه که عنصر سمت چپ باشه ( از سمت چپ شروع بشه ) و خب میبرتش سمت چپ به جای اینکه پشت سر هم نشون بده . فک میکنم عوض کردن جای این دو تا اهمیتی نداشته باشه و فقط با float درست میشد (الآن هم به اون عنصر دیگه float :right بدین که مشکل نخورین) در کل css باید باهاش خیلی ور رفت تا درست نوشتنش دستتون بیاد ، استدلال ها و پیشفرض های خاصی برای خودش داره...:)) 1 نقل قول لینک به ارسال
saranekonam 0 ارسال شده در مرداد 95 مالک گزارش بازنشر ارسال شده در مرداد 95 در 1 ساعت قبل، mashkook گفته است : درسته ! اشتباه دیدم ! --- برای این کارتون هم : float:left میگه که عنصر سمت چپ باشه ( از سمت چپ شروع بشه ) و خب میبرتش سمت چپ به جای اینکه پشت سر هم نشون بده . فک میکنم عوض کردن جای این دو تا اهمیتی نداشته باشه و فقط با float درست میشد (الآن هم به اون عنصر دیگه float :right بدین که مشکل نخورین) در کل css باید باهاش خیلی ور رفت تا درست نوشتنش دستتون بیاد ، استدلال ها و پیشفرض های خاصی برای خودش داره...:)) جاش که عوض میشه واقعا تاثیر داره خودتون تست کنید نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .