ایراد در موقعیت دهی با position [بایگانی]

IMANAZADI

پنج شنبه 19 تیر 1393, 12:21 عصر

با سلام

یک سوال بد جوری داغونم کرده

مگر position:relative موقعیت عنصر رو نسبت به تگ body در نظر نمیگیره
و اینکه position :absolute موقعیت عنصر رو نسبت به تگ والد یا همون تگ پدر

در زیر دو div تو در تو داریم
چرا در کد زیر ، div آبی که position :relative داره رو نسبت به دایو پدر (قرمز رنگ) موقعیت میده ؟؟؟ مگر نباید بیاد از بالا نسبت به تگ boyd موقعیت دهی کنه ؟؟

<body>

<div style="background-color:#C36; width:200px; height:200px; position:relative;top:200px; left:80px;">

<div style="background-color:#06F; width:50px; height:50px; position:relative; top:30px;">
</div>
</div>
</body>

اینم عکس

120984

کجای کارم اشتباهه ؟

من میخوام دایو آبی رو نسبت به تگ body موقعیت دهی کنم یعنی نسبت به ابتدای صفحه

tooka123

پنج شنبه 19 تیر 1393, 13:45 عصر

توی این کد که position هر دو relative است ، اگر position فرزند رو absolute هم بذاری باز به همین شکل می شه چون position والد relative است و زمانی که position والد relative باشه فرزند دارای position : absolute نسبت به اون موقعیت دهی می شه.

IMANAZADI

پنج شنبه 19 تیر 1393, 14:38 عصر

پس چکار باید کرد که
دایو آبی نسبت به تگ body موقعیت دهی بشه نه نسبت به دایو قرمز

این گفته اشتباه هست ؟؟

مگر position:relative موقعیت عنصر رو نسبت به تگ body در نظر نمیگیره
و اینکه position :absolute موقعیت عنصر رو نسبت به تگ والد یا همون تگ پدر

H:Shojaei

پنج شنبه 19 تیر 1393, 15:16 عصر

با سلام

مگر position:relative موقعیت عنصر رو نسبت به تگ body در نظر نمیگیره
و اینکه position :absolute موقعیت عنصر رو نسبت به تگ والد یا همون تگ پدر

سلام...
دقیقا برعکسشو گفتید...
relative نسبت به نزدیک ترین شی به خودش مقدار جدید میگیره و absolute نسبت به body هست...

vimax23

پنج شنبه 19 تیر 1393, 23:32 عصر

با سلام

یک سوال بد جوری داغونم کرده

مگر position:relative موقعیت عنصر رو نسبت به تگ body در نظر نمیگیره
و اینکه position :absolute موقعیت عنصر رو نسبت به تگ والد یا همون تگ پدر

در زیر دو div تو در تو داریم
چرا در کد زیر ، div آبی که position :relative داره رو نسبت به دایو پدر (قرمز رنگ) موقعیت میده ؟؟؟ مگر نباید بیاد از بالا نسبت به تگ boyd موقعیت دهی کنه ؟؟

<body>

<div style="background-color:#C36; width:200px; height:200px; position:relative;top:200px; left:80px;">

<div style="background-color:#06F; width:50px; height:50px; position:relative; top:30px;">
</div>
</div>
</body>

اینم عکس

120984

کجای کارم اشتباهه ؟

من میخوام دایو آبی رو نسبت به تگ body موقعیت دهی کنم یعنی نسبت به ابتدای صفحه

چرا اینطوریش کردی ، left رو 0 بدی میره خودش چپ صفحه اون آبیه میچسبه , یا float رو میدادی left