Untitled

<html>
        <head>
                <style>
                        body{margin:0; padding:0;}

                        div#head,
                        div#nav,
                        div#content,
                        div#aside,
                        div#foot{margin:0; padding:0;}

                        div#head{}
                        div#nav{float:left;background:blue;width:20%;}
                        div#content{float:left;background:orange;width:60%;}
                        div#aside{float:left;background:yellow;width:20%;}
                        div#foot{clear:both;background:green;}


                        div#nav ul{ list-style-type:none;}
                        div#nav ul li{}
                        div#nav ul li a{ color:white;}

                </style>
        </head>
        <body>

                <div id="head">
                        <h1>Brand name</h1>
                </div>
                <div id="nav">
                        <ul>
                                <li><a href="#">item1</a></li>
                                <li><a href="#">item2</a></li>
                                <li><a href="#">item2</a></li>
                        </ul>

                </div>
                <div id="content">content</div>
                <div id="aside">
                        <form>
                                <dl>
                                        <dt><label>username</lable></dt>
                                        <dd><input type="text" /></dd>
                                </dl>
                        </form>

                </div>
                <div id="foot">sími....</div>
        </body>
</html>