* { margin:0; padding:0; } html, body {height:40%;} .main { min-height:40%; position:relative; width: 0 auto; margin: 0 auto; } .content{ width:52%; background: #ffffff; position:relative; margin: 0 auto; text-align: center } #footer{ background: #ffffff; position:absolute; bottom:0; width:50%; margin-top: 10px; }