درسته حق با شما بود. دستور position:absolute اونی نبود که من می خواستم. اما با دستورات شما باز نتیجه نگرفتم. فایل رو گذاشتم یه نگاهی بندازید. اگه بتونید درستش کنید واقعا استاد html و css هستید. چون یه چند روز دارم بکوب روش کار می کنم اما نتیجه نگرفتم.
کل عرض قالب 960px و بلوک راست 180px و بلوک چپ هم 770px.
کد HTML:
<!DOCTYPE html>
<html dir="rtl">
<head>
<meta charset="utf-8" />
<title>
sample
</title>
<link href="sample.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="all">
<div id="menu">
</div>
<div id="right">
</div>
<div id="left">
</div>
</div>
</body>
</html>
*{
text-decoration:none;
font-family:Tahoma, Geneva, sans-serif;
margin:0;
padding:0;
}
body{
direction:rtl;
background-color:#f9f9f9;
}
#all{
width:960px;
height:auto;
margin:0 auto;
}
#menu{
width:100%;
height:90px;
background:#fff;
border:1px;
border-style:solid;
border-color:#c0bebe;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
#right{
width:180px;
height:500px;
background-color:#fff;
border:1px;
border-color:#c0bebe;
border-style:solid;
border-radius:5px;
float:right;
margin-top:10px;
}
#left{
width:770px;
height:500px;
background-color:#fff;
border:1px;
border-color:#c0bebe;
border-style:solid;
border-radius:5px;
float:right;
margin-top:10px;
margin-right:10px;
}