عمل نکردن margin-top برای عناصر داخلی div [بایگانی]

sarapepors

شنبه 30 اردیبهشت 1391, 16:08 عصر

با سلام .
من میخوام یه div رو در داخل یک div دیگه قرار بدم به طوری که div داخلی وسط div بیرونی باشه و میدونم که باید از دستور margin :auto برای این کار استفاده کنم ولی میخوام که فاصله از بالا و پایین رو دستی تنظیم کنم برای مثال این کد رو نوشتم : margin: 20px auto اما نمیدونم چرا div داخلی از بالا هیچ فاصله ای نمیگیره در واقع margin - top درست عمل میکنه ؟!
متشکرم.

mahrokh202

شنبه 30 اردیبهشت 1391, 16:25 عصر

سلام شما روی div دوم برید وf4 رو بزنین اونجا میتونین مقدار margin رو به دلخواه تغییر بدین
البته این اتفاقا معمولا میافته یه save all هم بزنین بد نیست
و شما میتونین کد رو به یه روش دیگه هم بنویسین
topmargin="10px

Saber Mogaddas

یک شنبه 31 اردیبهشت 1391, 10:38 صبح

سلام
تو استایل دیو داخلی از float استفاده کنید و بعد margin بدید ..
موفق باشی..

رضا قربانی

یک شنبه 31 اردیبهشت 1391, 12:26 عصر

کلا اگر از مارجین استفاده کنید محدود می شید. از float استفاده کنید و بهش جهت بدید و بعد توسط دستور مارجین بیایید اونو در مکان مناسب قرار بدید . اینطوری دیگه توی مرورگر های مختلف هم به قالبتون خراب نشون نمیده .

اگر اینطوری مارجین بدید در اینترنت اکسپلورر به مشکل می خورید : : margin: 20px auto

باید به این شکل به تک تک اندازه بدید :
margin-top:
margin-left:
margin-right .....
این شکل صحیحشه.

موفق باشید

sarapepors

دوشنبه 01 خرداد 1391, 08:07 صبح

سلام
تو استایل دیو داخلی از float استفاده کنید و بعد margin بدید ..
موفق باشی..
سلام . منظورتون رو متوجه نشدم یعنی چی که از float استفاده کنم میشه یه کد بنویسید لطفا ؟ متشکرم.

sarapepors

دوشنبه 01 خرداد 1391, 08:09 صبح

کلا اگر از مارجین استفاده کنید محدود می شید. از float استفاده کنید و بهش جهت بدید و بعد توسط دستور مارجین بیایید اونو در مکان مناسب قرار بدید . اینطوری دیگه توی مرورگر های مختلف هم به قالبتون خراب نشون نمیده .

اگر اینطوری مارجین بدید در اینترنت اکسپلورر به مشکل می خورید : : margin: 20px auto

باید به این شکل به تک تک اندازه بدید :
margin-top:
margin-left:
margin-right .....
این شکل صحیحشه.

موفق باشید
راستش من همه مدلشو امتحان کردم اصلا تا حالا همچین مشکلی نداشتم با margin های چپ و راست و پایین مشکلی ندارم اما بالاش اعمال نمیشه .
متشکرم

Saber Mogaddas

دوشنبه 01 خرداد 1391, 11:56 صبح

سلام
به این صورت تو IE هم هیچ مشکلی نداره..

<html>
<head>
<title></title>
<style type="text/css">
*
{
margin:0;
}
#Wraper
{
height: 300px;
margin: 121px auto auto;
width: 300px;
}
#Box
{
background-color: #000000;
float: right;
height: 300px;
width: 300px;
}
#Inner-Box
{
background-color: #909090;
height: 100px;
margin: 90px auto auto;
width: 100px;
}
</style>
</head>
<body>
<div id="Wraper">
<div id="Box">
<div id="Inner-Box"></div>
</div>
</div>
</body>
</html>

اگه بخوای می تونی توسط این پلاگین (http://www.pars-click.com/ArticleDetail.aspx?id=33) هم دیوتو از بالا و پایین در وسط صفحه قرار بدی..
موفق باشی..

رضا قربانی

دوشنبه 01 خرداد 1391, 22:18 عصر

راستش من همه مدلشو امتحان کردم اصلا تا حالا همچین مشکلی نداشتم با margin های چپ و راست و پایین مشکلی ندارم اما بالاش اعمال نمیشه .
متشکرم
خب شما که حرف مارو گوش نمیدید :لبخند:

یه کاری کنید . برای اولین div بزنید padding-top:20px;
اینطوری مشکلتون حل می شه. احتمالا از یک قطعه کدی استفاده کردید به مشکل خوردید و خودتون هم نمیدونید.

در کل اگر باز هم جواب نگرفتید کدتون رو اینجا قرار بدید.

موفق باشید