Aqua-Soft ForumsOkay this is my last question I promise...
Anywho, I'm trying to recode my site replacing
. It was going well, and I experiemented to find what worked, but now I have a problem. I'm trying to get the nav bar on the left and the content on teh right like how my site is now. http://www.systemroot.biz/
Here's a screen of what it looks like right now and I've included the page code and CSS.
<div id="container">
<div id="header"><span class="header">systemroot</span></div>
<div id="content"><span class="nav">navigation</span>
» <a href="../../unavailable.html" title="homepage">Homepage</a>
|-» <a href="../../unavailable.html" title="deviations">Deviations</a>
|-» <a href="../../unavailable.html" title="morrowind mods">TES III Mods</a>
|-» <a href="../../unavailable.html" title="other stuff">Other Stuff</a>
» <a href="../../unavailable.html" title="about me">About Me</a>
» <a href="http://www.mgs0008b221.blogspot.com/" title="blog">My Blogger</a>
» <a href="http://www.mgs0008b221.deviantart.com/" title="devart">deviantART</a>
» <a href="../../unavailable.html" title="contact">Contact</a></div>
<div id="contenttop"> </div>
<div id="contentmid"> </div>
<div id="contentbot"> </div>
</div>
body {margin: 0px; background-color: #9ecf44; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: justify;}
#container {margin: 10px auto 10px auto; width: 800px;}
#header {height: 60px; margin-bottom: 10px; width: 800px; background: #354915 url('imgs/header.gif'); text-indent: 10px;}
.header {font-size: 20px; font-weight: bold; letter-spacing: 3px; line-height: 50px;}
#nav {height: 147px; width: 160px; background: #354915 url('imgs/nav.gif');}
.nav {font-size: 14px; font-weight:bold; line-height: 30px; margin-left: 33px; text-align: center;}
#contenttop {height: 12px; margin-top: 10px; margin-left: 172px; width: 628px; background: #354915 url('imgs/contenttop.gif');}
#contentmid {margin-left: 172px; width: 628px; background: #354915 url('imgs/contentmid.gif');}
#contentbot {height: 12px; margin-left: 172px; width: 628px; background: #354915 url('imgs/contentbot.gif');}
.contentheader {font-size: 14px; font-weight:bold; line-height: 30px; margin-left: 450px; text-align: center;}