Aqua-Soft Forums

[help] Css Position Question

hey i just had a question about css positioning

in the pic below, i want to move the menu right underneath the header

i tried using position: relative; left: 206px; and it worked the first time

but then i messed up another part so i had to restart again

when i tried it again it doesn't seem to work

can anyone point me in the right direction

here's the html/css

//////////////////////////////////////////////////////////////

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
  <style type="text/css">

#container {border: 1px solid gray;margin: 10px;margin-left: auto;margin-right: 

auto;padding: 10px;}

#banner {padding: 5px;margin-bottom: 5px;background-color: #white;}  

#content {padding: 5px;	margin-right: 215px;background-color: white;border: 1px solid 

gray;}

#sidebar-a {float: right;width: 200px;\width: 210px;w\idth: 200px;margin: 0;margin-left: 

5px;padding: 5px;background-color: rgb(235, 235, 235);}

#footer {clear: both;padding: 5px;margin-top: 5px;background-color: #cecece	}
  
 #navlist
{
margin: 0;
padding: 10px 0 10px 0;

}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;

}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;

}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;

}

#navlist a:hover { color: #000; }


</style>
</head>
<body>
<div id="container">
<div id="banner">
<center><img style="border: 1px solid gray;"" src="../../unavailable.html"> </center>
<div id="navcontainer">
<ul id="navlist">
	<li><a href="index.html">Home</a></li>
	<li><a href="../../unavailable.html">Desktop</a></li>
	<li><a href="../../unavailable.html">Journal</a></li>
	<li><a href="../../unavailable.html">Design</a></li>
	<li><a href="../../unavailable.html">Resume</a></li>
	<li><a href="../../unavailable.html">About Me</a></li>
	<li><a href="mailto:idicula@caths.co.uk">Contact</a></li>
</ul>
</div>
</div>
<div id="sidebar-a"> 
</div>
<div id="content"> 
</div>
<div id="footer"> 
</div>
</div>
</body>
</html>

post-1344-1082222519_thumb.jpg

untitled.JPG
untitled.JPG

#145895

I have a couple of questions regarding your syntax. First why do you have so many ways of formatting you style groups? Some are

"bla: bla; bla: bla"

and then others are

"bla: bla;

bla: bla"

If you keep it constant, it is much easier to read and see if you messed anything up.

Another is are the "\" in

"#sidebar-a {float: right;width: 200px;\width: 210px;w\idth: 200px;margin: 0;margin-left:"

intentional? Are they in the original file and added when you copied it to here?

#145937