Why is my sidebar not on the right?

hackerz10001

New Member
I want two sidebars, one for the left and one for the right. Why is the one on the right behind the one on the left and how can I fix it?Here is my HTML:\[code\]<!DOCTYPE html><html> <head> <h1 align="center">404 Squadron - Australian Air Force Cadets</h1> <link type="text/css" rel="stylesheet" href="http://stackoverflow.com/questions/15801515/style.css"/> <title>Home</title> </style> </style> <div id="navbar" class="navbar"> <ul> <li><a href="file:///D:/Users/sel0010/Documents/Cadets/Webmaster/Customised%20Webpage/Home.html">Home</a></li> <li><a href="file:///D:/Users/sel0010/Documents/Cadets/Webmaster/Customised%20Webpage/News.html">News</a></li> <li><a href="file:///D:/Users/sel0010/Documents/Cadets/Webmaster/Customised%20Webpage/Gallery.html">Gallery</a></li> <li><a href="file:///D:/Users/sel0010/Documents/Cadets/Webmaster/Customised%20Webpage/Forum.html">Forum</a></li> <li><a href="file:///D:/Users/sel0010/Documents/Cadets/Webmaster/Customised%20Webpage/Contact%20Us.html#">Contact Us</a></li> </ul> </div> <div id="second" class="navbar"> </div> <div id="divider" class="navbar"> </div> <div class="middle" id="left" align="left"> </br> <a href="http://stackoverflow.com/questions/15801515/#" class="signin" align="center">Sign In Here</a> </br> </br> <div id="tw-form-outer"> <form action="" method="post" id="tw-form"> <input type="text" id="tw-input-text" name="query" value='http://stackoverflow.com/questions/15801515/search' onfocus="if(this.valuehttp://stackoverflow.com/questions/15801515/=='search'){this.value='';}" onblur="if(this.valuehttp://stackoverflow.com/questions/15801515/==''){this.value='http://stackoverflow.com/questions/15801515/search';}" /> <input type="submit" id="tw-input-submit" value="" /> </form> </div> </br> </br> <div id="social-icons" align="center"> <a href="http://www.facebook.com/404SQN"><img src="http://stackoverflow.com/questions/15801515/D:/Users/sel0010/Documents/Cadets/Webmaster/Photos/Icons/fblogo.png" width="30" height="30" alt="Facebook" /></a> <a href="http://aafc.org.au/"><img src="http://stackoverflow.com/questions/15801515/D:/Users/sel0010/Documents/Cadets/Webmaster/Photos/Icons/aafclogo.png" width="30" height="30" alt="AAFC" /></a> <a href="https://cadetone.aafc.org.au/logon.php"><img src="http://stackoverflow.com/questions/15801515/D:/Users/sel0010/Documents/Cadets/Webmaster/Photos/Icons/c1logo.png" width="30" height="30" alt="Cadetone" /></a> <a href="http://log.cadetone.aafc.org.au/"><img src="http://stackoverflow.com/questions/15801515/D:/Users/sel0010/Documents/Cadets/Webmaster/Photos/Icons/cloglogo.png" width="30" height="30" alt="C-Log" /></a> </div> </br> <strong>Top Downloads</strong> <ol id="topdown"> <li></li> <li></li> <li></li> <li></li> <li></li> </ol> <div class="middle" id="left" align="right"> </div> </head> <body> <div class="middle" id="main"> </div> <div class="footer" id="footer"> </div> </body></html>\[/code\]And here is my CSS:\[code\]/*Left Sidebar Starts*/#left { float: left; margin-top: 0px; margin-left: 4%; width: 15%; height: 500px; background-color: #FFA500;}.signin { text-align: center; font-family:
 
Back
Top