Untitled

<html>
<head>
	<meta charset="utf-8">
	<title>Main Page</title>
</head>
<style>

*{
margin:0;
padding:0;
}
div {
overflow:hidden;
}
#ramka {
width:1000px;
margin-right:auto;
margin-left:auto;
}
#naglowek{
width:100%;
background-color:#FCF;
}
#stopka{
width:100%;
background-color:#93F
}
.kolumny{
width:30%;
margin: 10px 2% 2% 10px;
}
#kol1{
float:left;
background-color:#3ff;
}
#kol2{
float:left;
background-color:#CF3;
}
#kol3{
background-color:#F93;
}

</style>
<body>
<div id="ramka">
	<div id="naglowek">Tu znajdzie się zawartość nagłówka strony</div>
	<div class="kolumny" id="kol1">
		<p>Tu znajdzie się zawartość kolumny1</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
	</div>
	<div class="kolumny" id="kol2">
		<p>Tu znajdzie się zawartość kolumny2</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
	</div>
	<div class="kolumny" id="kol3">
		<p>Tu znajdzie się zawartość kolumny3</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
	</div>
	<div id="stopka">Tu znajdzie się zawartość stopki</div>
</div>
</body>
</html>