Untitled

<html>
<head>
    <style type='text/css'>
    #wrapper {
    margin: 0 auto;
    width: 600px;
    background: black;
    }

#header {
width: 600px;
height: 150px;
float:left;
background: #666;
font-size: 100px;
text-align:Center;
}

#meny {
width: 600px;
height: 25px;
background: orange;
float:left;

}

#content {
width: 400px;
background: red;
float:left;

}

#sub {
width: 200px;
background: blue;
float:left;

}

#footer {
width: 600px;
height: 25px;
background: grey;
clear:both;
text-align:center;
}
</style>
</head>
<body>
<div id='wrapper'>
    <div id='header'>HEADER</div>
    <div id='meny'>MENY1 MENY2 MENY3 MENY4</div>
    <div id='content'>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id lacus elementum nibh congue euismod. Mauris a blandit augue. Aenean iaculis odio et lorem semper commodo. Suspendisse urna diam, eleifend id tincidunt gravida, porttitor nec ipsum. Ut id nunc nibh, et sagittis purus. Donec sed diam sed augue aliquam consectetur. Vivamus diam velit, consequat vitae viverra sit amet, semper sit amet lacus. Donec sagittis erat id lorem sodales luctus. Nam sagittis vestibulum justo, in viverra massa facilisis sed. Sed luctus lectus vel augue pellentesque vehicula. Phasellus magna est, dignissim sit amet luctus in, vulputate a mi. Aliquam sem mauris, sagittis vel iaculis ac, egestas eget purus. Aliquam id condimentum ipsum. Curabitur mollis congue scelerisque.
    </div>
    <div id='sub'><strong>INFORMATION</strong><br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nunc metus, dictum at fermentum non, adipiscing molestie augue. Nulla quis erat eros, non fringilla elit. In hac habitasse platea dictumst.</div>
    <div id='footer'>FOOTER LOL HAHA &copy </div>
</div>


</body>