#outer{
        
            background: white;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
        width:1200px;
        color: #7C7C7C;
        text-align:left;
        margin: 0 auto;
        position:relative;
        }
        
          #footer {
margin-top:600px;
     width: 100%;
    position:relative;
     clear:both;
     height:380px;
     color: #CCCCCC;
     font-family: tahoma;
     background:  url(../images/footer.png) repeat-x;
    
     }
    
     kod html:
     <div id="outer">
    
    <div class="header">
         <div class="logotype"><jdoc:include type="modules" name="user1" style="xhtml" /></div>
         <div class="menutop"><jdoc:include type="modules" name="user2" style="xhtml" /></div>
     <div class="infobox-box">
    
     </div>
    
     <div class="flash"><jdoc:include type="modules" name="user4" style="xhtml" /></div>
     <div class="menutopadd"><jdoc:include type="modules" name="user5" style="xhtml" /></div>
    </div>
  <div id="right_container">
                     <div id="right_inner">
              
             <jdoc:include type="component" style="xhtml" />
            
                
               </div>
           </div>
          
           <div id="centrecontent">
        
                    
           </div>
        
            
    <div id="footer">
       <div id="footer-inner">
       <jdoc:include type="modules" name="mod_custom1" style="xhtml" /></div> </div>
  

</div>
</div>