من میخوام توی یه div دو تا div دیگه کنار هم بذارم ولی هر کار میکنم نمیشه!

[morteza271]

من میخوام توی یه div دو تا div دیگه کنار هم بذارم ولی هر کار میکنم نمیشه!!!
به این صورت :

<div style="clear:both;">
<div style="width:500px; height:250px; border:2px solid #F00;">
<img id="img" src="image/a_bg.jpg" width="500px" height="250px" />
</div>

<div style="width:500px; height:250px; border:2px solid #F00;">
<img id="img" src="image/a_bg.jpg" width="500px" height="250px" />
</div>
</div>
چیکار باید بکنم؟
البته میدونم با استفاده از table میشه ولی میخوام با div انجام بدم...

[Open-Source]

از float استفاده کن.


<div style="clear:both;">
<div style="width:500px; height:250px; border:2px solid #F00; float:left;">
<img id="img" src="image/a_bg.jpg" width="500px" height="250px" />
</div>

<div style="width:500px; height:250px; border:2px solid #F00; float:left;">
<img id="img" src="image/a_bg.jpg" width="500px" height="250px" />
</div>
</div>


اگه بتونی به div درست کار کنی ، اصلا نیازی به استفاده از table نیست. (کلا table سرعت صفحه رو پایین میاره).

[elham.a1364]

کلا برای تنظیمات جای قرارگیریdiv ها میتونید از دستورات float و clear استفاده کنید.