* {margin:0;padding:0;} html, body {height: 100%;} #wrap {min-height: 100%;} #main { overflow:auto; padding-bottom: 180px; /* must be same height as the footer */ } #footer { position: relative; margin-top: -180px; /* negative value of footer height */ height: 180px; clear:both; } body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; } body { background-color: fuschia; color: Chocolate; font-family: 'Century Gothic', sans-serif; } /* heading styles */ header h1 { color: orange; font-family: 'Courier New', Courier, monospace; font-size: 28px; letter-spacing: 20px; text-align: center; } header h2 { color: yellow; font-family: 'Courier New', Courier, monospace; font-size: 28px; letter-spacing: 20px; text-align: center; } header h3 { color: yellow; font-family: 'Courier New', Courier, monospace; font-size: 28px; letter-spacing: 20px; text-align: center; } header h4 { color: yellow; font-family: 'Courier New', Courier, monospace; font-size: 28px; letter-spacing: 20px; text-align: center; } header h5 { color: yellow; font-family: 'Courier New', Courier, monospace; font-size: 28px; letter-spacing: 20px; text-align: center; }