مشکل در کار با موقعیت

[behzad_vb.net]

سلام به اساتید محترم من در کار کردن با موقعیت ساخت برای قالب مشکل دارم بقیه کد های css راحته و گیراست ولی نمیتونم با position ها کار کنم فرق بین absolute , relative را نمیدونم همینطور استفاده float تست میکنم کارشو میبینم ولی بعضی وقتا میریزه کدها بهم مجبورم از اول بنویسم و......
سوال خیلی مبتدی ببخشید ولی من هنوز خیلی مسلط به اینا نشدم :لبخند:

[p30online]

مشاهده (http://www.irsarzamin.com/2012/08/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-css-%D9%82%D8%B3%D9%85%D8%AA-%D8%A8%DB%8C%D8%B3%D8%AA-%D9%88-%DB%8C%DA%A9%D9%85-absolute-position/)

مشاهده (http://www.irsarzamin.com/2012/08/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-css-%D9%82%D8%B3%D9%85%D8%AA-%D8%A8%DB%8C%D8%B3%D8%AA-%D9%88-%DB%8C%DA%A9%D9%85-absolute-position/)

مشاهده (http://www.irsarzamin.com/2012/09/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-css-%D9%82%D8%B3%D9%85%D8%AA-%D8%A8%DB%8C%D8%B3%D8%AA-%D9%88-%D8%B3%D9%88%D9%85-fixed-positioning/)

مشاهده (http://www.7learn.com/tutorials/css-part8-positioning)

[e_a_23]

به این سایت حتما رجوع بفرمایید. سایت w3schools رو به فارسی ترجمه کردن. ساختار این سایت خیلی به w3schools شبیه هست و بسیار روان و قابل فهم ترجمه شده است. لذت ببرید: :لبخندساده:

position:
http://www.beyamooz.com/css/87-advance/292-%D8%AE%D8%A7%D8%B5%DB%8C%D8%AA-position-%D8%AF%D8%B1-css

float:
http://www.beyamooz.com/css/87-advance/293-%D8%AE%D8%A7%D8%B5%DB%8C%D8%AA-Float-%D8%AF%D8%B1-CSS

[uthman]

سلام.ببین دوست عزیز فرق این دوتا خیلی ساده است :
abolute: المانی رو که این position بهش میدی و بعد فاصله از بالا و یا هر طرفش رو تنشیم می کنیم اون مفایری رو که بهش می دی برحسب پنجره مرورگر تعیین میکنه دقت کن:
وقتی به یه المان با position:absolute و مقادیری top :100px , left 0
از بالا 100 پیکسل فاصله میگیره و از سمت چپ مرورگر 0 به طور خلاصه در absolute مقادیر بر جسب سمت چپ مرورگر تنظیم میشن یعنی نقطه 0 0
relative: این هم مانند absolute است با این تفاوت که برجسب المان پدر تنظیم میشه .فرض کن یه div داریم که داخل یه div دیگه ست و به داخلیه position :relative و مقادیر left و top میدیم دیگه برجسب مرورگر فاصله رو در نظر نمیگیره بلکه برحسب اون div پدر مقادیر رو تنظیم میکنه

عکس زیر نمونه ای از relative

[behzad_vb.net]

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