Uplne jednoducha vec, 2 divy vedla seba a obsah

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#main {
width: 1000px;
background-color:#0C0;
border:1px solid navy;
min-height:100%;
}
#leftside { width:800px;
float: left;
}
#rightside {width:200px;
float: left;}

</style>
</head>

<body>
<div id="main">
<div id="leftside">Lorem Ipsum je fiktívny text, používaný pri návrhu tlačovín a typografie. Lorem Ipsum je štandardným výplňovým textom už od 16. storočia, keď neznámy tlačiar zobral sadzobnicu plnú tlačových znakov a pomiešal ich, aby tak vytvoril vzorkovú knihu. Prežil nielen päť storočí, ale aj skok do elektronickej sadzby, a pritom zostal v podstate nezmenený. Spopularizovaný bol v 60-tych rokoch 20.storočia, vydaním hárkov Letraset, ktoré obsahovali pasáže Lorem Ipsum, a neskôr aj publikačným softvérom ako Aldus PageMaker, ktorý obsahoval verzie Lorem Ipsum.</div>
<div id="rightside"></div>
</div>
</body>
</html>

<style type="text/css">
body {
   margin:0 auto;
   width:1000px;
}
#main {
   float:left;
   background-color: #cccccc;
   height:100%;
}
#leftside {
   width:800px;
   float: left;
   min-height:100%;
   background-color: navy;
}
#rightside {
   width:200px;
   float: right;
   min-height:100%;
   background-color: red;
}
</style>

<div id="main">
  <div id="leftside">
      .....
   </div>
   <div id="rightside">
      .....
   </div>
</div>
<div style="clear: both;"></div>