Untitled

<!DOCKTYPE HTML>
<html lang="pl">
<head>
	<meta http-equiv="content-type" content="text/html"; charset=>
	<meta name="description" content="szablon">
	<meta name="keywords" content="szablon">
	<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: #FCF;
}
.kolumny
{
	width: 30%;
	margin-top: 10px;
	margin-bottom: 2%;
	margin-right: 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ść 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 strony</div>
<div>
</body>
</html>