I'm sorry but your code looks really messy, so I wrote a simple template that should work for what you're asking for.
Left column stays left, right column stays right regardless of the content you put in.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="header">
Header here
</div><!-- header -->
<div id="left-column">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in tellus pellentesque turpis placerat pellentesque adipiscing quis nulla. Ut felis risus, commodo eu suscipit in, dictum in arcu. Donec at arcu at est iaculis pellentesque. Morbi dictum congue leo, at congue turpis convallis faucibus. Vestibulum augue nulla, accumsan eget sodales quis, consectetur sed arcu. Curabitur non dolor vel massa dapibus elementum. Curabitur porttitor tellus erat. Nam sit amet tellus sed est commodo tempus quis non tellus. Morbi nec quam vel dolor tincidunt sollicitudin. Quisque rutrum, dui id feugiat vulputate, tellus justo porta nibh, ut feugiat est nibh quis dui. Morbi consectetur mi sed risus elementum condimentum. Donec vulputate euismod risus, id varius magna lacinia in. Sed sed turpis vitae purus posuere mollis. Etiam faucibus commodo lacus, ac dapibus dolor tempor et. Quisque sagittis tellus lobortis magna egestas gravida. Cras quis orci a erat sagittis aliquam. Praesent placerat pretium eros, convallis suscipit nunc tempor eget. Etiam accumsan lacinia enim, id egestas orci mattis et.
</p>
</div><!-- left-column -->
<div id="right-column">
<p>Morbi eget leo vitae nulla tempus adipiscing. Mauris egestas vehicula pretium. Sed aliquam, neque ac sagittis placerat, elit felis rutrum nunc, ac faucibus neque erat id nisl. Nullam lobortis, sapien nec dapibus mattis, sem felis lacinia urna, a mollis neque turpis non felis. Fusce ut arcu nisl. Suspendisse potenti. Vestibulum laoreet eros vel felis tincidunt mattis. In hac habitasse platea dictumst. Integer non justo eu augue dapibus vulputate non sit amet metus. Morbi urna mi, eleifend non pharetra ut, tincidunt sed massa. Sed tincidunt urna eget est imperdiet aliquet. Proin at diam ante. Integer laoreet risus in velit accumsan molestie.
Sed ut turpis egestas lectus dictum pharetra vitae non urna. Nullam vulputate tortor ut orci porta convallis. Donec eget velit orci. Etiam vel vulputate libero. Ut lectus sapien, commodo ac laoreet vitae, porttitor a nibh. Aenean blandit velit quis dolor accumsan luctus. Mauris interdum ligula id mi mollis tincidunt. Nunc quis risus et sem porta tincidunt. Aliquam lacinia, lectus at dictum scelerisque, nunc lorem mollis ipsum, vel rutrum mi elit quis sem. Suspendisse posuere interdum neque eu malesuada. Duis egestas metus eget ligula ullamcorper sed posuere nibh vestibulum. Curabitur sit amet rhoncus ipsum. Nulla auctor tellus vitae ante rhoncus eu pharetra nisl interdum. Suspendisse a velit eu libero pulvinar elementum. Donec at lacus volutpat sem tincidunt suscipit. Fusce eu commodo nulla. Vivamus interdum turpis sed est sagittis pretium quis consectetur purus. Proin tristique feugiat dolor, ac tincidunt orci sagittis at.
Integer pretium pulvinar euismod. Quisque porta neque sed augue pharetra ut lacinia nisl varius. Sed eget pulvinar odio. Donec eu quam ipsum. Ut cursus volutpat arcu eget pulvinar. Proin interdum orci ut ante faucibus ultricies. Maecenas accumsan faucibus nisi, consequat faucibus turpis fringilla tincidunt. Nullam eu mauris velit, non porttitor mauris. Quisque egestas dui suscipit justo congue in varius neque dignissim. Proin malesuada velit congue tellus accumsan aliquet. Phasellus in sem sapien. Pellentesque dolor erat, dapibus at venenatis vel, dapibus et orci. Integer in convallis justo. Suspendisse tristique massa et ipsum placerat a suscipit massa rhoncus. Duis bibendum egestas mi, in sodales eros rutrum id. Cras sed turpis ipsum.</p>
</div><!-- right-column -->
<div class="clear"></div>
<div id="footer">
Footer here
</div><!-- footer -->
</div><!-- wrapper -->
</body>
</html>body
{
width: 100%
}
#wrapper
{
width: 1024px;
margin: 0 auto;
border: 1px solid #000;
}
#header
{
text-align: center;
background: yellow;
height: 5em;
}
#left-column
{
float: left;
width: 200px;
border: 1px solid #000;
}
#right-column
{
float: right;
width: 800px;
border: 1px solid #000;
}
#footer
{
text-align: center;
background: aqua;
border: 1px solid #000;
height: 5em;
}
.clear
{
clear: both;
}
The border selectors are just guidelines.
