سوال: مرتب کردن div [بایگانی]

DR.HTML

چهارشنبه 12 مرداد 1390, 14:22 عصر

سلام
من این div هاروکنار هم گزاشتم مشکل اینه که اون قسمت سمت راست میره سمت راست اما قسمت وسط و چپ کنار هم نشون داده میشن خوب سوال من اینه که چجوی قسمت سمت راستو بچسبونم به دو قسمت دیگه چجوری کلشو بیارم وسط ممنون میشم توضیح بدین اینم کدم

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body{background:#999;}
#header {width:900px; height:200px; background:#036}
#navmenu {width:900px; height:30px; background:#666}
#leftsidebar{width:150px; height:800px; float:left; background-color:#333;}
#center{width:500px; height:800px; float:center; background:#3CC}
#rightsidebar{width:250px; height:800px; float:right; background:#0C6}
</style>
</head>

<body>

<div id="header">head</div>
<div id="navmenu"><p>menu1 | menu2 | menu3</p></div>
<div id="leftsidebar">test</div>
<div id="rightsidebar">test</div>

<div id="center">test</div>

</body>
</html>

davood59

چهارشنبه 12 مرداد 1390, 15:10 عصر

احساس می کنم با استفاده از clear بتونی کاری رو که میخوای انجام بدی؛
به این ترتیب که بعد از اینکه هر div رو موقعیتشو مشخص کردی قبل از استفاده از div های بعدی براش clear مشخص کنی تا به خواسته ای که میخوای برسی.
به این لینک نگاهی بکن ببین منظورتون همینه:

http://barnamenevis.org/showthread.php?125014-clear-%DA%86%DB%8C%D8%B3%D8%AA%D8%9F

DR.HTML

چهارشنبه 12 مرداد 1390, 20:30 عصر

با تشکر اما من نمیخوام این بره پایین اینا میخوام که بره بچسبه به اون دوتای کناری ممنون میشم جواب بدین

Javad.Kashi

چهارشنبه 12 مرداد 1390, 22:15 عصر

سلام
به این نکات توجه کنید:
برای وسط قرار گرفتن Div ها به Parent Box خصوصیت margin:0 auto داده شده.
فاصله میان div را می توان با درصد و یا margin تغییر داد.
و در آخر خصوصیت float مقدار center ندارد.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body
{
background: #999;
margin: 0 auto;
width: 900px;
}
#header
{
width: 900px;
height: 200px;
background: #036;
}
#navmenu
{
width: 900px;
height: 30px;
background: #666;
}
#leftsidebar
{
width: 250px;
height: 800px;
float: left;
background-color: #333;
}
#center
{
width: 100%;
height: 800px;
background: red;
}
#rightsidebar
{
width: 250px;
height: 800px;
float: right;
background: #0C6;
}
</style>
</head>
<body>
<div id="header">
head</div>
<div id="navmenu">
<p>
menu1 | menu2 | menu3</p>
</div>
<div id="leftsidebar">
test</div>
<div id="rightsidebar">
test</div>
<div id="center">
test</div>
</body>
</html>

یا علی

mr.zenith

پنج شنبه 13 مرداد 1390, 00:21 صبح

همشون را توی یک دایو کلی قرار بده و اندازه دایو کلی را محدود کن بعد اندازه دایو های زیرین را طوری تنظیم کن که از اندازه دایو کلی بیشتر نشه