Layout

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta charset="utf-8">
<!-- TemplateBeginEditable name="doctitle" -->
<title>Layout</title>
<!-- TemplateEndEditable -->
<style>
*{margin: 0;}
#container{width:1000px; margin:0 auto;
            min-height:700px; border:1px solid red;}
#myheader{background-color:#9FF; height: 100px;}
nav{background-color:#6FC; color:#Fff; padding:10px 0 0 0; height:30px;}
ul p{display:inline-block;}
ul p a{text-decoration:none; padding:5px 10px; color:#F00}
ul p a:hover{background-color:#F39; font-weight:bolder; border-radius:7px;}
#myfooter {background-color: #C09; color:#FFF; height:30px; text-align:center; clear:both; margin:5px 0px 0px 0px; padding: 10px 0px 0px 0px;}
#noidung{background-color: #FCF;width:790px;  min-height:710px; float:right; padding:5px;}
#menutrai{width:200px; float:left; background-color: #FF2; min-height:720px;}
#tieude{color:#F0F; background-color:#CC6; font-size:large; padding: 5px;}
#chitiet{color:#F0F; background-color:#CC6; font-size:large; padding: 5px;}


</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>

<body>
    <div id="container">
        <header id="myheader">
            <div style="position:absolut; top:5px; right:5px;">
                <nav>

                    <div style="float:left">
                        <ul>
                       <p><a href="">HOME </a></p>
                       <p><a href="">About </a></p>
                       <p><a href="">Product </a></p>
                       <p><a href="">FAQ</a></p>
                       <p><a href="">Contact </a></p>
                       <p><a href="">Sitemap </a></p>
                       </ul>
                    </div>

                 </nav>

            </div>
         </header>


     <aside id="menutrai">


     </aside>
     <div id="noidung">
        HAHAHAHAA
        <div id="tieude"><!-- TemplateBeginEditable name="erTieuDe" -->DAY LA TIEU DE<!-- TemplateEndEditable --></div>
        <div id="chitiet"><!-- TemplateBeginEditable name="erChiTiet" -->CHI TIET<!-- TemplateEndEditable --></div>
     </div>


     <footer id="myfooter">\
     ZzZZzZZZ
     </footer>

    </div>
</body>
</html>