I need a fresh set of eyes on this, to see where I am going wrong on it.
If someone can take a look to see why wrap3 dosen’t align to center that would be great.
HTML
[code=html]<html>
<head>
<title>Page Title</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<script src=”js/prototype.js” type=”text/javascript”></script>
<script src=”js/scriptaculous.js?load=effects” type=”text/javascript”></script>
<script src=”js/lightbox.js” type=”text/javascript”></script>
<link rel=”stylesheet” href=”css/lightbox.css” type=”text/css” media=”screen” />
<link rel=”stylesheet” type=”text/css” href=”css/main.css” media=”screen,projection” />
<style type=”text/css”>
html>body .outerpair1 {background: url(img/upperrightfade.png) right top no-repeat;}
html>body .outerpair2 {background: url(img/lowerleftfade.png) left bottom no-repeat; padding-top: 8px; padding-left: 8px;}
html>body .shadowbox {background: url(img/shadow.png) bottom right;}
html>body .innerbox {position: relative; left: -8px; top: -8px;}
.textbox {position: absolute; align: center;}
.style1 {font-size: medium}
</style>
</head>
<body bgcolor=”#FFFFFF” leftmargin=”0″ topmargin=”0″ marginwidth=”0″ marginheight=”0″>
<br><br>
<div class=”outerpair1 textbox” >
<div class=”outerpair2″>
<div class=”shadowbox”>
<div class=”innerbox”>
<div id=”wrap3″ valign=”top” align=”center”>
<div id=”head”>
<div id=”top”>
<table id=”Table_01″ width=”867″ height=”183″ border=”0″ cellpadding=”0″ cellspacing=”0″ align=”center”>
<tr>
<td colspan=”3″ width=”471″ height=”61″ valign=”top”><!—logo—><img src=””></td>
<td rowspan=”2″ width=”396″ height=”183″ valign=”top”><!—flash—><img src=””></td>
</tr>
<tr>
<td width=”131″ height=”122″ valign=”top”><img src=””></td>
<td width=”131″ height=”122″ valign=”top”><img src=””></td>
<td width=”209″ height=”122″ valign=”top”><img src=””></td>
</tr>
</table>
</div>
<div id=”navi”>Test | Test | Test</div>
</div>
<div id=”aboutleftside”>
<div id=”leftside” align=”left”>
<h2 class=”hide”>Menu:</h2>
<ul class=”avmenu”>
<li><a href=”#”>Main</a> </li>
<ul>
<li><a href=”#”>Sub</a></li>
<li><a href=”#”>Sub</a></li>
</ul>
<li><a href=”#”>Main</a> </li>
<li><a href=”#”>Main</a> </li>
</ul>
</div>
<div id=”content”>
<table width=”500″>
<tr>
<td></td>
<td></td>
</tr>
</table>
</div>
</div>
<div id=”footer”>
Test | Test | Test
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
css to folllow