يكشنبه 4 شهريور 1386, 8:15 بعدازظهر
استایلش یه همچین چیزی باید باشه :
<style type="text/css">
body {
margin: 0;
}
div {
height: 20%;
border: 1px black solid;
padding: 5px;
margin: 5px;
}
.page {
width: 750px;
height: auto;
}
.header {
width: 98%;
height: 100px;
}
.main {
float:left;
width: 65%;
height : auto;
}
.block1 {
float: left;
width: 45%;
height : auto;
}
.block2 {
float: right;
width: 45%;
height : auto;
}
.block3 {
width: 90%;
clear: both;
height : auto;
}
.sidebar {
float:right;
width: 25%;
}
</style>
و کد HTML هم به صورت زیر :
<center>
<div class="page">
<div class="header">
</div>
<div class="content">
<div class="main">
<div class="block1">
</div>
<div class="block2">
</div>
<div class="block3">
</div>
<div class="block1">
</div>
<div class="block2">
</div>
</div>
<div class="sidebar">
</div>
</div>
</div>
</center>
