Forum Moderators: not2easy
<!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-US" lang="en-US">
<head><title>Layout Test</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<style type="text/css">
body{margin:0px;padding:0px;border:0px;width:100%;height:100%;}
#container{min-width:800px;min-height:100%;width:100%;height:auto!important; height:100%; position:relative; }
#logo{background-color:#f5f5f5; display:block; width:100%; height:90px; position:relative; margin-top:-5px; z-index:2;}
.wrap{position:relative; min-width:700px; width:750; margin:0px; padding-top:5px;}
.sidebar {diaplay:none; }
.mainarea{margin-top:20px; padding-left:40px; position: relative; width:700px;}
#footer{margin-left:40px; margin-top:20px; width:550px; border-top:1px #CCCCCC solid; text-align:center}
#footer div.line{position:relative; clear:both; widht:90%!important; width:500px; maring:0 auto}
#footer div.disclaimer {position:relative; clear:both; left:0px; padding-top:20px; padding-bottom:40px; text-align:center; font-size:9px; color:#999999;}li.triSmall{ list-style-image: url(images/bullet_small.gif); list-style-position: outside; }
.disclaimer.inside { margin:0px; padding:0px; text-align:left; }
.footerbutton { color: #8a8a8a; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; font-style: normal; text-decoration: none; position: relative; text-align: center; float:left; margin-right:10px; height:10px; margin-top:10px; overflow: visible; border-right: 1px #cccccc dotted; padding-right:10px;padding-bottom:3px; }
.footerbutton:link, .footerbutton.active, .footerbutton.visted { color: #8a8a8a; }
.footerbutton.end { border-right:none; padding-right:0px; }
.footerbutton:hover { color: #000000; }
</style>
</head>
<body>
<div id="page" class="wrap">
<div class="mainarea"><!-- BEGIN CONTENT TABLE --><table width="100%"><tr><td valign="top">
<ul>
<li class="triSmall"><A HREF="#">Item 11</A></li>
<li class="triSmall"><A HREF="#">Item 12</A></li>
<li class="triSmall"><A HREF="#">Item 13</A></li>
<li class="triSmall"><A HREF="#">Item 14</A></li>
</ul>
</td><td valign="top">
<ul>
<li class="triSmall"><A HREF="#">Item 21</A></li>
<li class="triSmall"><A HREF="#">Item 22</A></li>
<li class="triSmall"><A HREF="#">Item 23</A></li>
<li class="triSmall"><A HREF="#">Item 24</A></li>
</ul>
</td><td valign="top">
<ul>
<li class="triSmall"><A HREF="#">Item 31</A></li>
<li class="triSmall"><A HREF="#">Item 32</A></li>
<li class="triSmall"><A HREF="#">Item 33</A></li>
<li class="triSmall"><A HREF="#">Item 34</A></li>
</ul>
</td></tr></table></div><!-- END CONTENT TABLE -->
<div id="footer">
<div class="line" >
<div ><a href="#" class="footerbutton">foot link 11</a></div>
<div ><a href="#" class="footerbutton">foot link 12</a></div>
<div ><a href="#" class="footerbutton">foot link 13</a></div>
<div ><a href="#" class="footerbutton">foot link 14</a></div>
<div ><a href="#" class="footerbutton">foot link 15</a></div>
<div ><a href="#" class="footerbutton end">foot link 16</a></div>
</div>
<div class="line" >
<div ><a href="#" class="footerbutton">foot link 21</a></div>
<div ><a href="#" class="footerbutton">foot link 22</a></div>
<div ><a href="#" class="footerbutton">foot link 23</a></div>
<div ><a href="#" class="footerbutton">foot link 24</a></div>
<div ><a href="#" class="footerbutton">foot link 25</a></div>
<div ><a href="#" class="footerbutton end">foot link 26</a></div>
</div><div class="disclaimer"><br />
© blahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblah
blahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblah
blahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblah
</div>
</div><!-- end Footer -->
</div><!--end wrap-->
</body>
</html>
Is the default of position relative?
