Below is the html code, mainly for footer.
But when placing another below code after code it is coming below instead of coming next to it. Please help:
<div class=" footer-container">
<li><h2>Company</h2>
<ul>
<li><a href="about_us.html">About Us</a></li>
<li><a href="meet_our_directors.html">Meet Our Directors</a></li>
<li><a href="achievements.html">Achievements</a></li>
<li><a href="our_team.html">Our Team</a></li>
<li><a href="research_development.html">R&D Cell</a></li>
<li><a href="how_we_work.html">How We Work</a></li>
<li><a href="confidentially.html">Confidentially</a></li>
<li><a href="why_secugenius.html">Why Secugenius ?</a></li>
</ul>
</li>
</div>
FULL CODE OF HTML: <body>
<div id="main">
<div id="top">
<div class="header">
<div class="logo">
</div>
<div class="banner">
</div>
</div>
<div class="menubar">
<ul>
<li><a href="">HOME</a></li>
<li><a href="">ABOUT US</a></li>
<li><a href="">GALLERY</a></li>
<li><a href="">JOIN</a></li>
<li><a href="">PLACEMENT</a></li>
<li><a href="">TUTORIALS</a></li>
<li><a href="contact.html">CONTACT US</a></li>
<li><a href="">FANCHISE</a></li>
<li><a href="">SITE MAP</a></li>
</ul>
</div>
</div>
<div id="middle">
<div class="sidemenu">
<li><a href="">Computer Basics</a></li>
<li><a href="">Web Designing</a></li>
<li><a href="">PHP</a></li>
<li><a href="">Testing</a></li>
<li><a href="">C++(OOPS)</a></li>
<li><a href="">Data Structure</a></li>
<li><a href="">JAVA</a></li>
<li><a href="">Networking</a></li>
<li><a href="">Oracle</a></li>
<li><a href="">"O" Level</a></li>
<li><a href="">Others</a></li>
</div>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','550','height','400','src','images/BANNER1','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','images/BANNER1' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0]" width="550" height="400">
<param name="movie" value="images/BANNER1.swf" />
<param name="quality" value="high" />
<embed src="images/BANNER1.swf" quality="high" pluginspage="[http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash]" type="application/x-shockwave-flash" width="550" height="400"></embed>
</object>
</noscript></div>
<div id="footer">
<div class="footer">
<div class=" footer-container">
<li><h2>Company</h2>
<ul>
<li><a href="about_us.html">About Us</a></li>
<li><a href="meet_our_directors.html">Meet Our Directors</a></li>
<li><a href="achievements.html">Achievements</a></li>
<li><a href="our_team.html">Our Team</a></li>
<li><a href="research_development.html">R&D Cell</a></li>
<li><a href="how_we_work.html">How We Work</a></li>
<li><a href="confidentially.html">Confidentially</a></li>
<li><a href="why_secugenius.html">Why Secugenius ?</a></li>
</ul>
</li>
</div>
</div>
</div>
</div>
</body>
</html>
FULL CODE OS CSS: @charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; background:#FFF;}
#main{margin:0px auto; padding:0px; width:1000px;}
#top{margin:0px auto; padding:0px; width:1000px;}
.header{margin:0px; padding:0px; width:1000px; height:160px; background:url(../images/header1.jpg); float:left; }
.logo{margin:0px; padding:0px; height:160px; width:200px; float:left; background:url(../images/LOGO.png);}
.banner{margin:0px 0px 0px 10px; padding:0px; height:160px; width:790px; float:left; background:url(../images/BANNER.jpg);}
.menubar{margin:0px auto; width:1000px; height:30px; background:#9966FF; float:left;}
.menubar ul{margin:0px; padding:0px; width:1000px; height:30px; float:left;}
.menubar li{margin:0px; padding:7px 26px 0px 26px; height:25px; width:auto; float:left; text-decoration:none; list-style:none; color:#000000; }
.menubar a{margin:0px; float:left; text-align:center; font-size:12px; height:auto; text-decoration:none; list-style:none; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; width:auto;}
.menubar a:hover{color:#fff; }
#middle{margin:0px auto; padding:0px; width:auto; border: 1px solid #e5e5e5;}
.sidemenu{ margin:0px; padding:0px; width:150px; height:auto; background-color:#f8f3a1; float:left; text-decoration:none; list-style:none;}
.sidemenu li{margin:0px auto; height:auto; float:left; text-decoration:none; list-style:none; background-color:#f8f3a1; color:#000000;}
.sidemenu a{padding:10px 15px 10px 30px; width:105px; height:auto; float:left; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none; list-style:none; }
.sidemenu a:hover{background:#DCDCDC; color:#635e0a;}
.middle1{margin:0px auto; padding:0px; width:auto;}
.cya{margin:0px; width:845px; height:40px; background:url(../images/cya.jpg); float:left;}
.table{margin:0px; height:auto;}
#footer {color: #999; background-color: #383838; height:400px; width: 1000px; border-top: 5px solid #e5e5e5; }
.footer {color: #999; background-color: #383838; height:400px; width: 1000px; }
.footer-container{margin:0px; padding:8px 0px 8px 30px; width:120px; height:380px; background-color: #CC66FF;}
.footer-container ul{margin:0px; padding:0px; width:120px; height:380px; float:left;}
.footer-container li{float:left; text-decoration:none; list-style:none; color:#FFFFFF; font-family:serif;}
.footer-container a{margin:0px; padding:8px 10px 8px 5px; float:left; text-decoration:none; list-style:none; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.footer-container a:hover{ text-decoration:underline; color:#3366FF;}
See more
