mirzajavad
جمعه 26 شهریور 1389, 00:04 صبح
سلام
من بعد از اينكه يك ستون براي به عنوان ستون عنوان براي بلوكم انتخاب ميكنم بلوك به كنار ستون عنوان ميره يكي از دوستان اين كد رو تست كنه چون من هر كار كردم مشكل حل نشد
body {background-image:url('image/bg.jpg');
font-family: tahoma;
font-size: 12px ;
}
#wrapper{
width: 650px;
height :auto;
margin: auto;
border: red solid 1px;
direction: rtl;
}
#header{
height: 150px;
width: 648px;
margin: 5px 0px 5px 0px;
border: black solid 1px;
float: none;
}
#rightcolum{
direction: rtl;
width: 200px;
float: right;
padding: 5px;
border: blue solid 1px;
}
#foother{
width: 648;
height: 20px;
float: none;
border: blue solid 1px;
margin: 5px 0px 5px 0px;
}
C#ontent{
width: 443px;
height: auto;
float: left;
margin: 5px 5px 0px 0px;
border: green solid 1px;
}
#top_block{
width: 200px;
float: right;
border: black solid 1px;
direction: rtl;
padding: 5px;
font-size: 12px;
}
<body>
<div id="wrapper">
<div id="header">
متن داخل هدر سايت اينجا قرار ميگيرد.
</div>
<div id="top_block">منوی اصلی</div>
<div id="rightcolum">
بلوك
</div>
<div id="content">
محل قرار گيري مطالب سايت
</div>
<div id="foother">
</div>
</div>
</body>
اون بخشي كه نوشته بلوك بايد زير منوي اصلي قرار بگيره ولي ميره كنارش !
من بعد از اينكه يك ستون براي به عنوان ستون عنوان براي بلوكم انتخاب ميكنم بلوك به كنار ستون عنوان ميره يكي از دوستان اين كد رو تست كنه چون من هر كار كردم مشكل حل نشد
body {background-image:url('image/bg.jpg');
font-family: tahoma;
font-size: 12px ;
}
#wrapper{
width: 650px;
height :auto;
margin: auto;
border: red solid 1px;
direction: rtl;
}
#header{
height: 150px;
width: 648px;
margin: 5px 0px 5px 0px;
border: black solid 1px;
float: none;
}
#rightcolum{
direction: rtl;
width: 200px;
float: right;
padding: 5px;
border: blue solid 1px;
}
#foother{
width: 648;
height: 20px;
float: none;
border: blue solid 1px;
margin: 5px 0px 5px 0px;
}
C#ontent{
width: 443px;
height: auto;
float: left;
margin: 5px 5px 0px 0px;
border: green solid 1px;
}
#top_block{
width: 200px;
float: right;
border: black solid 1px;
direction: rtl;
padding: 5px;
font-size: 12px;
}
<body>
<div id="wrapper">
<div id="header">
متن داخل هدر سايت اينجا قرار ميگيرد.
</div>
<div id="top_block">منوی اصلی</div>
<div id="rightcolum">
بلوك
</div>
<div id="content">
محل قرار گيري مطالب سايت
</div>
<div id="foother">
</div>
</div>
</body>
اون بخشي كه نوشته بلوك بايد زير منوي اصلي قرار بگيره ولي ميره كنارش !