سوال درباره position در css

[mehdi64org]

سلام و عرض ادب
دوستان من هر کاری میکنم این صفحه بندی که میخوام انجام نمیشه:
طبق عکسی که ضمیمه کردم سه تا div تو در تو داریم و یک div تک به اسم div4
حالا من میخوام این div4 رو هم در داخل div3 بنویسم ولی موقع نمایش با استفاده از خاصیت position در این مکانی که توی عکس مشخص کردم قرار بگیره.
div.jpg


فرض میگیریم که مقدار width در div1 باشه 300
خودم در div4 مقدار position رو relative قرار دادم و مقدار left رو هم 290 ولی متاسفانه نصف div4 ظاهر نمیشه.
از خاصیت z-index هم استفاده کردم ولی بازم div4 بالا نمیاد و زیر div3 قرار میگیره. مثل عکس دومی که ضمیمه کردم.
div2.jpg

ممنون از محبتتون

[mehbod.rayaneh]

سلام
برای این ک عکس بالا را درست کنید نباید div4 را تو دیو 1و2و3 بذارید!!!
کلا ب div1 باید float:left بدید و به div4 هم باید float:righ بدید!!!

[mehdi64org]

خب شاید اشتباه از من بود که یادم رفت بگم که div1 در قسمت body و در وسط صفحه قرار گرفته.
قصدم اینه که div1 همیشه در وسط صفحه باشه و با استفاده از خاصیت position ، قسمت div4 بیرون ازش

[mehbod.rayaneh]

آهان!!! خوب باید position:fixed بذارید!!!

[mehdi64org]

آخه fixed باشه اسکرول نمیخوره . ولی اگه relative باشه اسکرول میخوره ولی نمیدونم چرا مشکل عکس دوم ایجاد میشه . الان اگر شما بخواید از z-index برای این چهار تا div استفاده کنید ، به ترتیب چه شماره هایی براشون در نظر میگیرید؟

[mehbod.rayaneh]

آره خوب! شما 1 کار دیگه هم میتونید بکنید!!!
دیو 4 را در کنار دیو 2 قرار بدید! فک میکنم اینجوری مشکل حل بشه!
برا دیو 1=1 برا دیو 2=2 برا دیو 3=3 برا دیو 4=4