Dvojstlpcový layout

#wrapper {
display: block;
position: relative;
padding: 5px;
margin-bottom: 10px;
border: 2px inset #bbb;
border-radius: 10px;
}

#sidebar {
width: 180px;
display: block;
postition: relative;
float: left;
}

#content {
width: 800px;
display: block;
position: relative;
float: right;
}

<div id="wrapper">
     <div id="sidebar">
Sračky v sidebare
     </div>
     <div id="content">
Táto stránka slúži na nové pokusy s html5, CSS3, PHP a množstvom iných vecí<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id mauris sagittis, gravida eros sed, 
pellentesque eros. Integer sit amet congue nibh, vel consectetur libero. Maecenas bibendum imperdiet dolor, 
eu lacinia nulla. Proin imperdiet euismod ullamcorper. Maecenas nunc lacus, lobortis eu condimentum sed, cursus
 vel justo. Fusce tortor lorem, accumsan vel dignissim in, auctor a elit. Nulla tortor justo, interdum vel quam
 elementum, venenatis pretium tortor. Maecenas condimentum ut purus ut tincidunt. Sed non feugiat arcu, blandit 
placerat ante. Nulla ut elit lacus. Praesent venenatis, dolor vitae pretium semper, erat nisl fermentum purus, 
non fringilla justo odio vitae mi. Nullam in porta eros, consequat tincidunt nulla. Morbi at porttitor nisi. 
Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras semper mi non interdum porttitor.

Etiam mattis lacus ac lorem vehicula dapibus. Integer a consectetur erat, id semper erat. Donec neque velit,
 bibendum non lobortis quis, cursus aliquam nisl. In iaculis tincidunt lectus, ut fermentum nisi tempor pharetra.
 Proin eu commodo elit. Donec lectus lectus, faucibus vel blandit non, cursus sit amet enim. Etiam diam nisl, 
tincidunt id semper eu, consectetur in nisi.

Curabitur vulputate, mauris id consequat sodales, nisl nunc scelerisque diam, eu sollicitudin nulla quam in est. 
Mauris ante urna, semper sit amet risus ullamcorper, ornare volutpat leo. Pellentesque vitae ullamcorper justo. 
Mauris sit amet placerat turpis, sed facilisis leo. Maecenas dictum libero vitae nunc faucibus lacinia. Nam a 
erat eget nunc venenatis gravida quis sollicitudin quam. Vestibulum vehicula tempor est, luctus dignissim tortor
 malesuada et. Nulla facilisi. Sed nec convallis ipsum.

Donec lacinia arcu quis consectetur viverra. Phasellus ornare lectus vitae fringilla eleifend. Etiam nec egestas 
metus. Mauris rhoncus risus ante, in bibendum ipsum consequat non. Cras imperdiet iaculis eleifend. Duis aliquam
 euismod placerat. Curabitur tempor eros eget cursus mollis. Pellentesque imperdiet interdum tellus, non tincidunt
 purus dignissim nec. Vestibulum molestie eu lacus vitae placerat. Cras metus nisi, pellentesque sed enim ut,
 ultrices cursus nibh. Praesent ullamcorper malesuada tincidunt.
     </div>
</div>