الان اینی که نوشتم مشکلی نداره ؟
کد HTML:
<!DOCTYPE html>
<html>
<head>
<title> آموزش ساخت قالب وبلاگ </title>
<meta charset="utf-8">
<!--[if it IE 9]-->
<script type="text/javascript"> src="modernizr.js"></script>
<![endif]-->
<style type="text/css">
.kol{
border:1px #000000 solid;
height:500px;
}
.header{
border:1px #000000 solid;
width:1000px;
height:200px;
margin:0 auto;
text-align:center;
background-color:#41e8e6;
}
.nav{
border:1px #000000 solid;
width:1000px;
height:40px;
margin:0 auto;
text-align:center;
background-color:#e416e6;
}
.sidebar1{
border:2px #0ced61 solid;
width:20%;
height:200px;
float:right;
text-align:center;
background-color:#0ec5d0;
}
.main{
border:2px #ed0c61 solid;
width:57%;
height:200px;
float:right;
text-align:center;
background-color:#0ed065;
}
.sidebar2{
border:2px #2925e9 solid;
width:20%;
height:200px;
float:left;
text-align:center;
background-color:#12cfc8;
}
.footer{
border:1px #1fdcda solid;
width:1000px;
height:40px;
margin:0 auto;
text-align:center;
background-color:#cfa512;
}
</style>
</head>
<body>
<div class="kol">
<header class="header">
<h1>بایدبرایم مهم باشد؟ html5 چرا</h1>
<h2>html5 & css3 & seo</h2>
<nav class="nav"></nav>
</header>
<aside class="sidebar1">
<article>ساید بار راست</article>
</aside>
<main class="main">
<article>وسط</article>
</main>
<aside class="sidebar1">
<article>ساید بار راست</article>
</aside>
</div>
<footer class="footer">
<article>فوتر</article>
</footer>
</body>
</html>