Проблемы с clearfix

Question

Я создал HTML и можно найти http://temp87.web44.net/temp.html. Проблема, с которой я сталкиваюсь, заключается в наличии серой полосы внизу страницы после нижнего колонтитула, и страница не занимает 100% браузера.

CSS, который вызывает проблему..

.clearfix:after {
    content: ".";   //If this is commented out the page fits in perfectly, but the background of <div>storyWrapper clearfix</div> goes off.
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

Проблема 2: Также я хочу высоту

<div class="detailsContent"/> 

соответствовать автоматически в соответствии с разрешением экрана. Сейчас вычисленная высота всегда составляет 619 пикселей, а в больших мониторах вся страница занимает только 75% экрана.

Answer 1

Удалить "." от content, напишите так:

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}