Hi,
Sorry to inform you but frames aren't designed to be used like this. The best thing to do is use the CSS solution.
take a look at this...
Very simplified template for a center down approac to a website
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-
<head>
-
<title>HELLO WORLD</title>
-
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
-
<style type="text/css">
-
body { margin-left: 0px;
-
margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
-
#navMain {width:768px;height:25px;color:#ff0000;}
-
#navMain ul{background-color:#ff0000;padding-left:0px;margin-left:0px;width:100%;}
-
#navMain ul li{border:0px solid #000000;margin:0px 0px;float:left;list-style:none;}
-
#navMain ul li a{ color:#ccccff; display:block;padding:5px 10px; margin: auto 3px;}
-
#navMain ul li a:hover{ color:#ccccff;}
-
#mainpage{ position:relative; width:768px; margin:5px auto; padding:10px; }
-
#midbar{ width:768px; height:600px; border:2px solid #ccccff; top:125px; left:0px; z-index:5; }
-
#bodyMain{ padding:15px; width:738px; border:1px solid #cccccc; top:0px; left:0px; }
-
#headBar{ width:768px; height:100px; top:0px; left:0px; background-color:#996600;}
-
</style>
-
-
</head>
-
<body>
-
-
<div id="mainpage">
-
<div id="headBar">
-
<h1>MY SITE LOGO</h1>
-
</div>
-
<div id="navMain">
-
<ul>
-
<li><a href="#">Link one</a></li>
-
<li><a href="#">Link one</a></li>
-
<li><a href="#">Link one</a></li>
-
<li><a href="#">Link one</a></li>
-
<li><a href="#">Link one</a></li>
-
<li><a href="#">Link one</a></li>
-
</ul>
-
</div>
-
<div id="midBar">
-
<div id="bodyMain">
-
<h2>Welcome?</h2>
-
Hello world, content goes here content goes here content goes here content goes here content goes
-
here content goes here content goes here content goes here content goes here content goes here
-
</div>
-
</div>
-
</div>
-
-
</body>
-
</html>