After looking at it this is what you should really do... these are very basic examples mind you, but it's WAY better than frames...
Create a CSS file (I called this one doug.css) with the following:
#leftcol {
float: left;
width: 20%;
}
#rightcol {
width: 75%;
float: right;
}
#wrapper {
width: 80%;
margin-right: auto;
margin-left: auto;
}
Then create a html file (I called it doug.htm) with the following:
<!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=iso-8859-1" />
<title>DougZest.com Q10</title>
<link href="doug.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header" align="center"><script language="javascript" type="text/javascript" src="http://mercury.bravenet.com/rover/a?dbfile=HOSTING_MINIBAR_DB&dm=1&serv=hosting-sites"></script><noscript><img src="http://mercury.bravenet.com/rover/d?dbfile=HOSTING_MINIBAR_DB&dm=1&serv=hosting-sites" alt="" border="0"></noscript>
<script language="javascript" type="text/javascript" src="http://mercury.bravenet.com/rover/a?dbfile=SPONSORBAR_DB&serv=hosting-sites"></script><noscript><iframe src="http://adserv2.bravenet.com:8080/adserv/a?dbfile=SPONSORBAR_DB&js=false&serv=hosting-sites" width="754" height="90" allowTransparency="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"><img src="http://adserv2.bravenet.com:8080/adserv/d?dbfile=SPONSORBAR_DB&serv=hosting-sites" alt="" border="0"></iframe></noscript><div style="clear: both;"></div></div>
<script src="http://jupiter.bravenet.com/rover/f?cid=bravenet&ctype=24"></script></div>
<div id="leftcol" align="left">Left Column
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipisicing elit</li>
<li>Sed do eiusmod tempor incididunt</li>
<li>Ut labore et dolore magna aliqua</li>
<li>Ut enim ad minim veniam</li>
<li>Quis nostrud exercitation</li>
<li>Ullamco laboris nisi</li>
<li>Ut aliquip ex ea commodo consequat</li>
<li>Duis aute irure dolor</li>
<li>In reprehenderit in voluptate</li>
</ul>
</div>
<div id="rightcol" align="left">Right Column
<p>At vero eos et accusamus et iusto odio et harum quidem rerum facilis est atque corrupti quos dolores et quas molestias. Sed quia consequuntur magni dolores eos itaque earum rerum hic tenetur a sapiente delectus, et quasi architecto beatae vitae. Nisi ut aliquid ex ea commodi consequatur? Similique sunt in culpa qui officia deserunt mollitia animi, et molestiae non recusandae. Id quod maxime placeat facere possimus, atque corrupti quos dolores et quas molestias consectetur, adipisci velit. Dicta sunt explicabo.</p>
<p>Sed quia consequuntur magni dolores eos omnis dolor repellendus. Neque porro quisquam est, at vero eos et accusamus et iusto odio qui in ea voluptate. Id est laborum et dolorum fuga. Magnam aliquam quaerat voluptatem. Saepe eveniet ut et voluptates repudiandae sint eaque ipsa quae ab illo inventore veritatis vel illum qui dolorem eum fugiat.</p>
<p>Quis autem vel eum iure reprehenderit dignissimos ducimus qui blanditiis nam libero tempore. Qui dolorem ipsum quia dolor sit amet, saepe eveniet ut et voluptates repudiandae sint id quod maxime placeat facere possimus. Neque porro quisquam est, vel illum qui dolorem eum fugiat excepturi sint occaecati cupiditate non provident.</p>
<p>Atque corrupti quos dolores et quas molestias tempora incidunt ut labore et dolore quo voluptas nulla pariatur? Sed ut perspiciatis unde omnis et molestiae non recusandae. Dignissimos ducimus qui blanditiis accusantium doloremque laudantium, magnam aliquam quaerat voluptatem. Nam libero tempore, excepturi sint occaecati cupiditate non provident, consequatur aut perferendis doloribus asperiores repellat.</p>
<p>Qui dolorem ipsum quia dolor sit amet, cum soluta nobis est eligendi optio eaque ipsa quae ab illo inventore veritatis. Sed quia consequuntur magni dolores eos accusantium doloremque laudantium, magnam aliquam quaerat voluptatem. Temporibus autem quibusdam eaque ipsa quae ab illo inventore veritatis dignissimos ducimus qui blanditiis. Ullam corporis suscipit laboriosam, sed ut perspiciatis unde omnis et expedita distinctio. Itaque earum rerum hic tenetur a sapiente delectus, totam rem aperiam, consequatur aut perferendis doloribus asperiores repellat.</p>
</div>
</div>
</body>
</html>
Open that in your browser and as you can see you have a top header, a left column and a right column... more effiecient code and you get awawy from frames...