ورود

View Full Version : نحوه قرار دادن دو div کنار هم که با کوچک شدن صفحه به پایین منتقل نشوند


masoudies
دوشنبه 10 مرداد 1390, 14:14 عصر
سلام خسته نباشید

من میخوام دو تا div رو کنار هم طوری تنظیم کنم که وقتی صفحه کوچیک میشه فقط اسکرول بشند و یه div منتقل نشه پایین اون یکی. روشش چطوریه؟ توی انجمن پیدا نکردم.

من این کار رو کردم اما مشکل داره.



<body>
<div id="right"> </div>
<div id="left"> </div>
</body>




#right{
background-color:#00F;
size:auto;
float:right;
height:200px;
max-width:1000px;
min-width:700px;
}

#left{

background-color:#F00;
width:300px;
height:700px;
float:left;
}


احتمال داره داخل تگهای div تصویر یا متن باشه.
mamali-mohammad
دوشنبه 10 مرداد 1390, 15:54 عصر
<html>
<body>
<div style="width:300px;border:1px solid #333;position:absolute;">sss
</div>
<div style="width:300px;border:1px solid #333;position:absolute;margin-left:300px;">bbb
</div>
</body>
</html>
masoudies
دوشنبه 10 مرداد 1390, 16:59 عصر
ممنون
این روش یعنی استفاده از absolute توی اینجا جواب میده ولی نمیدونم روش درستی هست یا نه.
میشه بگید شما اگه بخواید در تگ سمت چپی width:100% باشه چطوری میشه؟ چون مقدار position:absolute هست اصلا توجهی به 300px تگ کناریش نمیکنه و همیشه کل اندازه صفحه نمایش رو شامل میشه...