PDA

View Full Version : سوال: کد css برای قرار دادن div به این شکل؟


saadi2
چهارشنبه 20 مهر 1390, 04:59 صبح
چجوری میتونم این چیزی رو که در عکس هست رو پیاده کنم؟

76498
moferferi
چهارشنبه 20 مهر 1390, 09:18 صبح
سلام.
دقیقا همون چیزی که شما نیاز دارید
<body>
<form id="form1" runat="server">
<div style="background-color:Red;width:100%;height:100%;position:fixed">
<div style="background-color:Red;width:250px;height:250px;left:0px;top:0p x;border-right:7px solid white;border-bottom:7px solid white"></div>
</div>
</form>
</body>
saadi2
چهارشنبه 20 مهر 1390, 20:28 عصر
ممنون از شما ولی من نمیخوام دایو ها تو در تو باشن. میخوام کنار هم باشن. که مطالبشون با هم قاطی نشه.
moferferi
چهارشنبه 20 مهر 1390, 22:21 عصر
<div style="width:800px;height:600px;background-color:Red;position:absolute">
<div style="width:500px;height:300px;background-color:Yellow;position:relative;float:right">div1</div>
<div style="width:300px;height:300px;background-color:Green;position:relative;float:left">div2</div>
<div style="width:800px;height:300px;background-color:Black;position:relative;float:left">div3</div>
</div>

اگه میخوای تو در تو نباشن باید سه تا دیو استفاده کنی.ولی اگه مثل روش بالا بهشون border بدین میریزه به هم.
پس بهتره به این یکی روش عمل کنید و فقط در دیو 2 یه بکگراند با حاشیه سفید بزارید.
این چیزی بود که به نظر من رسید.
البته شما به دیو2 border چپ و پایین بده و به همون مقدار از طول و عرضش کم کن.یکم میریزه به هم.ولی شاید کارتون را راه بندازه
میلاد قاضی پور
پنج شنبه 21 مهر 1390, 00:27 صبح
پوزیشن یکی از دیوها باید ابسولوت باشه. فلوت هردو یکسان باشه. بعد با خواص مرگین میتونید مکان مناسب رو تعیین کنید براشون.