یه div رو چه جوری توی Mozilla وسط صفحه قرار بدم ؟ [بایگانی]

gigil_Question

شنبه 19 دی 1388, 13:23 عصر

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

<body>
<form id="form1" runat="server">
<div style="text-align: center; width: 100%; margin: 0 auto;">
<div style="width: 800px; height: 185px; text-align:center">
<div id="Div_Center" style="height: 185px; width: 100%; border:2; border-style:solid">

</div>
</div>
</div>
</form>
</body>

لطفا راهنماییم کنید.
ممنون

binyaft

شنبه 19 دی 1388, 16:30 عصر

از این استفاده کن اگه درست نشد دوباره بگو

<body>
<form id="form1" runat="server">eeeeeeeeeeeeeeeee
<div style="text-align:center; width: 100%; margin: 0 auto;">werwerwer
<div style="width: 800px; height: 185px; text-align:center">werwerwer
<div id="Div_Center"style="height: 185px; width: 100%; border:2; border-style:solid">werwerwe

</div>
</div>
</div>
</form>
</body>

:کف:

rmin69

یک شنبه 20 دی 1388, 00:32 صبح

<div style="text-align: center; width: 100%; margin: 0 auto;">
<div style="width: 800px; height: 185px; text-align:center; margin:0 auto;">
<div id="Div_Center" style="height: 185px; width: 100%; border:2; border-style:solid">

divای که شامل div_center هست باید margin:0 auto بگیرد.

gigil_Question

یک شنبه 20 دی 1388, 08:33 صبح

از این استفاده کن اگه درست نشد دوباره بگو

<body>
<form id="form1" runat="server">eeeeeeeeeeeeeeeee
<div style="text-align:center; width: 100%; margin: 0 auto;">werwerwer
<div style="width: 800px; height: 185px; text-align:center">werwerwer
<div id="Div_Center"style="height: 185px; width: 100%; border:2; border-style:solid">werwerwe

</div>
</div>
</div>
</form>
</body>

:کف:

خب دوست عزیز این که کد خودمه !!!

مرسی از rmin درست شد فقط یه سوال :
margin: 0 auto یعنی چی ؟

binyaft

یک شنبه 20 دی 1388, 16:33 عصر

کد شما اشتباه بود
شما صفات اجزا رو به هم چسبونده بودین

rmin69

دوشنبه 21 دی 1388, 17:36 عصر

margin دستوری برای تنظیم فاصله یک عنصر از صفحه نسبت به عناصر کناری آن هست. عدد اول یعنی 0 فاصله از بالا وپایین را تعیین میکند. و عدد دوم که auto مقدارگذاری شده است فاصله چپ و راست صفحه را تعیین میکند. auto باعث میشود که div در وسط صفحه قرار گیرد. http://www.w3schools.com/CSS/box-model.gif

mohsen_Iran

چهارشنبه 23 دی 1388, 17:54 عصر

البته اگه بخواییم کاملتر بگیم به این صورت است:

margin:0px auto 0px auto;
بالا راست پایین چپ