Footer queda en el medio

[jeancarsas]

Creo que esto es lo que quieres hacer

Código CSS:

<style>
*{
    font-family:Arial, Helvetica, sans-serif;
    font-size:20px;
    margin:0;
    padding:0px;}
 
#content{
    width:100%s;
    height:auto;
    position:relative;
    overflow:hidden;
}
 
 
 
#main{
    width:70%;
    min-height:300px;
    position:relative;
    float:left;
    background-color:red;
}
 
 
 
 
#sidebar{
    width:30%;
    min-height:300px;
    position:relative;
    float:left;
    background-color:blue;
 
}
 
 
#footer{
    width:100%;
    min-height:175px;
    position:relative;
    clear:both;
    background-color:yellow;
}
</style>
 

Código HTML:

<div id="content"> 
                 <div id="sidebar">
                     Sidebar
                  </div>
 
 
                 <div id="main">
                    Contenido Principal 
                 </div>
</div>
 
<div id="footer">
Footer
</div>