هذا الكود كامل كتبته كالمثال في الصورة ومتمدد وبنفس الالوان
اي سطر تحتاج الى شرحة اخبرني وسأقوم بشرحة لك
اكواد الـ css
كود:
body{margin:0;padding:0;background-color:#98ADBE}
#wrap{
background-color:#DBE0E6;
width:96%;
margin:1%;
padding:1% 1%
}
#header{
width:100%;
background-color:white;
height:150px;
margin-bottom: 9px;
}
#mainarea{
width:80%;
background-color:white;
float:left
}
#aside{
width:19%;
background-color:white;
float:left;
margin-left:1%;
}
اكواد الـ html
كود HTML:
<div id="wrap"> <div id="header">
header
</div> <div id="mainarea">
main area
</div> <div id="aside">
aside
</div><br style="clear:both" /> </div>
المواضيع المشابهه 
