* {
margin: 0px 0px 0px 0px;
}
body {
background: #0C1B3D;
}
#container {
background: #16284E;
width: 900px;
height: 100%;
clear: both;
overflow: hidden;
}
#logo {
background: url(images/logo01.jpg);
width: 900px;
height: 150px;
}
#menu {
background: black;
width: 900px;
line-height: 30px;
}
#submenu {
background: white;
width: 900px;
line-height: 20px;
}
#centerwrapper {
clear: both;
overflow: hidden;
float: left;
width: 900px;
margin: 0 0 -20000px 0;
padding: 0 0 20000px 0;
}
#p1 {
overflow: hidden;
background: #0C1B3D;
width: 220px;
margin: 0px 670px -20000px 10px;
padding: 0px 0px 20000px 0px;
}
#p2 {
overflow: hidden;
background: #0C1B3D;
width: 220px;
margin: 0px 440px -20000px 240px;
padding: 0px 0px 20000px 0px;
}
#p3 {
overflow: hidden;
background: #0C1B3D;
width: 250px;
margin: 0px 180px -20000px 470px;
padding: 0px 0px 20000px 0px;
}
#p4 {
overflow: hidden;
background: #0C1B3D;
width: 160px;
margin: 0px 10px -20000px 730px;
padding: 0px 0px 20000px 0px;
}
#footer {
background: yellow;
width: 900px;
line-height: 25px;
text-align: left;
}

<center>
<div id="container">

<div id="logo"></div>
<div id="menu">t</div>
<div id="submenu">t</div>

<div id="centerwrapper">
<div id="p1">1</div>
<div id="p2">2</div>
<div id="p3">3</div>
<div id="p4">4</div>
</div>

</div>

<div id="footer">Copyright 2009 by RCDE.pl</div>
</center>