برای قرار دادن عناصر در جای دلخواه از کدوم روش استفاده کنیم بهتره؟

[سعید کشاورز]

سلام دوستان.
فرض کنید یه div داریم که میخایم وسط صفحه قرار بگیره.
حالا ما میتونیم position:absolute بذاریم و با دستورات Top و Left اونو به وسط صفحه بیاریم و هم میتونیم با دستور Margin این کارو انجام بدیم.
از کدوم روش استفاده کنیم بهتر و استاندارد تره؟

[colors]

درود

اگر position:absolute باشه تنها با margin نمیشه وسط چینش کرد - به کد زیر دقت کن
div { position:absolute; width:500px; height:200px; top:50%; left:50%; margin-top:-100px; margin-left:-250px; }


position:abosulte مشکلات خاص خودشو داره که پیشنهاد میکنم از position:relative استفاده کنید - به کد زیر دقت کن
div { position:relative; width:500px; height:200px; margin:0 auto }

[Saber Mogaddas]

سلام
دستور position رو فقط تو جایی استفاده کنید که از دستورات دیگه کاری برنمیاد..بهترین روش واسه وسط چین کردن محتوا اینه که همه اجزای صفحه رو داخل یه دیو قرار بدی و اون دیو رو با margin:auto; وسط چین کنی..
با absolute این کارو انجام بده و صفحه رو minimize کن به مشکلاتش رو میبینی..و براینکه این مشکلات حل شه راه حل های خاص خودش رو داره..
موفق باشی..

[سعید کشاورز]

درود

اگر position:absolute باشه تنها با margin نمیشه وسط چینش کرد - به کد زیر دقت کن
div { position:absolute; width:500px; height:200px; top:50%; left:50%; margin-top:-100px; margin-left:-250px; }


position:abosulte مشکلات خاص خودشو داره که پیشنهاد میکنم از position:relative استفاده کنید - به کد زیر دقت کن
div { position:relative; width:500px; height:200px; margin:0 auto }

ممنون دوست عزیز.میتونی یکم این خاصیتهای possition رو با مثال توضیح بدی؟


سلام
دستور position رو فقط تو جایی استفاده کنید که از دستورات دیگه کاری برنمیاد..بهترین روش واسه وسط چین کردن محتوا اینه که همه اجزای صفحه رو داخل یه دیو قرار بدی و اون دیو رو با margin:auto; وسط چین کنی..
با absolute این کارو انجام بده و صفحه رو minimize کن به مشکلاتش رو میبینی..و براینکه این مشکلات حل شه راه حل های خاص خودش رو داره..
موفق باشی..
ممنون صابر جان.منظورت رو از minimize کردن نفهمیدم..میشه یکم واضح تر توضیح بدی؟

[colors]

[QUOTE=pro_man;1446295]ممنون دوست عزیز.میتونی یکم این خاصیتهای possition رو با مثال توضیح بدی؟

درود

معمولا برای قالب بندی صفحات از position باید استفاده کرد.

position همان به معنی محل قرارگیره که میتونی با استفاده از مقادیری که داره موقعیت element(تگ) رو مشخص کنی .
در حالت عادی دو مقدار پر کاربرد به نامهای absolute و relative داره که به ترتیب یعنی مطلق یا همون آزاد و نسبی و یا وابسته.

در حالت که position:absolute باشه element به صورت آزاد و خود سرانه قرار میگیره ( یعنی اینکه خودش پدر میشه و نسبت به هیچ تگی حساسیت نشان نمیده )
و در حالت position:relative باشه element به صورت وابسته به تگی که در آن قرار داره قرار میگیره ( یعنی اگه element شما درون یک element دیگه باشه نسبت به element اولی قرار میگره )

[sh191365]

باسلام خدمت دوستان عزیز
برای وسط چین کردن صفحه به بهترین شکل ، بنظرم از Position استفاده نشه بهتره.
من بارها و بارها از این روش استفاده کردم و بهترین روش هست که :
طول و عرض تگ Div رو مشخص کنیم و با margin: 0px auto 0px auto; صفحه رو وسط چین کنیم.
مثلا در CSS :

#header {
width: 950px;
height: 208px;
background-color: red;
margin: 0px auto 0px auto;
}