مشکل با div [بایگانی] - برنامه نویس

<?php?>

چهارشنبه 06 اسفند 1393, 21:36 عصر

سلام .
من با تگ div مشکل دارم .
وقتی دوتا div تعریف میکنم . div دومی میره زیره div اولی .
این کد html من :

<body>
<div id="div1"></div>
<div id="div2"></div>
</body>

---------------------------------
اینم کد css ::

#div1{
background-color:#FFAD33;
height:50px;
width:50px;
}
#div2{
background-color:#1A0DAB;
height:50px;
width:50px;
margin-right:0px;
}

حالا من میخوام این دوتا div هردوشون در یک سطح باشن + هردوتاشون رویه هم بیفتن
***********
من از کد potision:absolute استفاده میکنم تو css و همین مشکلمو رفع کرده . ظاهرا در مرورگر ها هم مشکلی با این کد css وجود نداره . به نظرتون از position:absolute; در css برای رویه هم قرار دادن + خنثی کردن تگ div استفاده کنم بهتره ؟ :متفکر:
( در ضمن از کد های display:inline-block + float هم استفاده کردم که متاسقانه یکم سخت تر شده کارم و بعضی وقتی هم نمیشه ایدمو با این دوتا پیاده کنم تو قالب )
تشکر

Omid Jackson

پنج شنبه 07 اسفند 1393, 11:55 صبح

سلام .
من با تگ div مشکل دارم .
وقتی دوتا div تعریف میکنم . div دومی میره زیره div اولی .
این کد html من :

<body>
<div id="div1"></div>
<div id="div2"></div>
</body>

---------------------------------
اینم کد css ::

#div1{
background-color:#FFAD33;
height:50px;
width:50px;
}
#div2{
background-color:#1A0DAB;
height:50px;
width:50px;
margin-right:0px;
}

حالا من میخوام این دوتا div هردوشون در یک سطح باشن + هردوتاشون رویه هم بیفتن
***********
من از کد potision:absolute استفاده میکنم تو css و همین مشکلمو رفع کرده . ظاهرا در مرورگر ها هم مشکلی با این کد css وجود نداره . به نظرتون از position:absolute; در css برای رویه هم قرار دادن + خنثی کردن تگ div استفاده کنم بهتره ؟ :متفکر:
( در ضمن از کد های display:inline-block + float هم استفاده کردم که متاسقانه یکم سخت تر شده کارم و بعضی وقتی هم نمیشه ایدمو با این دوتا پیاده کنم تو قالب )
تشکر

این دو تا رو داخل یه دیو دیگه بذارین و بهش پوزیشن relative بدین، دیگه بهم نمیریزه، حالا اگر منظور دیگه دارین دقیقا مشکل رو بگین
وقتی این کار رو بکنین اون دیو اصلی هر جا باشه، اون دو دیو داخلی میفتن روی هم ولی تو موقعیت دیو اصلی، یعنی همیشه به بالا نمیچسبه

abbas27

پنج شنبه 07 اسفند 1393, 21:38 عصر

شما با استفاده از float میتونی مشکلت رو حل کنی.به یه div خاصیت float:right میدی به اون div دیگه float:left میدی.اگه position رو برابر با relative قرار بدی وقتی صفحه رو zoom inیاzoom out کنی به هم میریزه