Untitled

<html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">
<title>Szablon strony</title>

<style type="text/css">
* {
	margin: 0px;
	padding: 0px;
}
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-top: 10px;
margin-right: 2%;
margin-bottom: 2%;
margin-left: 10px;
}

#kol1 {
float: left;
background-color: #3FF;
}

#kol2 {
float: left;
background-color: #CF3;
}

#kol3 {
background-color: #F93;
}

</style>
</head>

<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ść kolumny 1</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
</div>

<div class="kolumny" id="kol2">
	<p>Tu znajdzie się zawartość kolumny 2</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
</div>

<div class="kolumny" id="kol3">
	<p>Tu znajdzie się zawartość kolumny 3</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
</div>

<div id="stopka">Tu znajdzie się zawartość stopki strony</div>
</div>
</body>
</html>