CSS layout

[Labsta.com]

Kod:

p
{
    margin:0 0 0 0;
}

ul
{
    margin:0 0 0 0;
}

body
{
    font-family: "Segoe UI", "Trebuchet MS";
    color: green;
    background:black;
    margin:0;
}

div#wrapper
{
    background:teal;
    width:60%;
    height:100%;
    margin:0 auto;
}

#wrap2 {
    margin:0 auto;
        
}

div#header
{
    margin:0 auto;
    background:yellow;
    height:200px;
}

div#menu
{
    margin:0 0 0 5%;
    background:red;
    width:10%;
        float:left;
}

div#footer
{
    background:white;
}

div#content
{
    margin:0 15% 0 0;
    background:navy;
    height:100%;
    width:70%;

}

Kod:

<div id="wrapper">
            <div id="header">
                <p style="text-align:center">Here goes HEADER</p>
            </div>
                    <div id="wrap2">
                        <div id="menu">
                <p>Here goes menu et dsasflasf s;ldfksd;lfks flksd;flk s;dkf</p>
                            </div>
            <div id="content">
                            <p>Here goes content</p>
            </div>
                    </div>
        </div> <!-- wrapper-->