<!DOCTYPE html>
<html lang="pl">

<head>
	<title></title>
	<meta charset="utf-8" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1" />
	<meta name="author" content="Olek Banasiak" />
	<link rel="stylesheet" type="text/css" href="style_kolumny.css" >
	
<style>
body
{
margin: 0;
padding: 0;
}
#container
{
width: 750px;
margin-left: auto;
margin-right: auto;
border:1px solid black;
} 
#header
{
height: 150px;
background: #9CF;
text-align:center;
}
#left
{
width: 170px;
float: left;
background: #ABC;
}
#mid
{
width: 300px;
float: left;
background: #ff00ff;
}
#right
{
height:677px;
width: 280px;
float: left;
background: #9FF;
}
#footer
{
clear: both;
background: #999;
}
h1
{
	margin:0;
}
p
{
	margin:0;
}
</style>
	
	
</head>
<body>
<div id="container">
<div id="header">
<h1>To jest h1</h1>
<h2>To jest h2</h2>
</div>
<div id="left">Menu
</div>
<div id="mid">
<h3>To jest h3</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus dolor ligula, eleifend quis, tincidunt non, aliquet sed, elit. Cras libero dolor, posuere sit amet, vestibulum rutrum, dictum et, dui. Phasellus commodo sollicitudin ligula. Nunc condimentum nunc id velit. Phasellus vestibulum hendrerit eros. Sed commodo. Nunc hendrerit nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque sit amet nulla. Donec non sapien et est ultricies semper. Praesent pede ligula, tempor in, facilisis vel, gravida ac, erat. In a est. Duis cursus cursus eros. Ut sagittis erat. Aliquam euismod sapien non nisl. Etiam purus. Etiam purus diam, adipiscing et, fermentum in, tempor pellentesque, lorem.</p>
<h3>To jest h3</h3>
<p>Ut tincidunt neque ut dui. Sed volutpat tincidunt arcu. Maecenas fermentum, ipsum sit amet accumsan semper, libero ante laoreet felis, nec pulvinar odio libero et metus. Vestibulum in risus. Morbi a enim. Sed consectetuer neque vel orci. Mauris convallis, nulla et aliquam placerat, arcu tortor semper magna, posuere cursus augue sem nec ipsum. Nulla rutrum lacinia arcu. Morbi felis elit, faucibus non, elementum id, porta ac, sapien. Suspendisse volutpat neque non mi. Ut fermentum ullamcorper leo. Aliquam erat volutpat. Pellentesque euismod purus eu risus. Aliquam erat volutpat. Donec lorem.</p>
</div>
<div id="right">
<p>Tekst</p>
</div>
<div id="footer">
<p>To jest stopka</p>
</div>

</body>
</html>