* {margin:0;padding:0;} #wrap { overflow: hidden; display: flex; justify-content: center; align-items: center; } #main { overflow:auto; padding-bottom: 77px; margin-right: auto; margin-left: auto; } /* must be same height as the footer */ #footer { position: relative; margin-top: -77px; /* negative value of footer height */ height: 77px; clear:both; margin-right: auto; margin-left: auto; } /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. [if !IE 7]>