Фиксированная ширина нижнего колонтитула при изменении размера окна

Question

У меня есть HTML и тело установлено на ширину: 100% положение: абсолютное
и заголовок, ширина нижнего колонтитула: 100%.

Поэтому, когда я изменяю размер окна, нижний колонтитул также изменяет размер. Как я могу сделать так, чтобы они имели фиксированную ширину, которая является максимальной шириной окна??? Особенно после изменения размера нижний колонтитул не растягивается вправо

Большое спасибо за вашу помощь

<pre>
    html, body {
    height: 100%;
    width: 100%;
    }

    body {   
        position: absolute;  
        font-family: Helvetica, Garamond, serif;  
        margin: 0 0 0 0;
    }

    #footer {
        position: relative;
        margin-top: -150px;
    }

    #header, #footer {
        margin: 0 0 0 0;
        width: 100%;
    }

    #header {
        height: 100px;
    }

</pre>

Answer 1

Ты можешь использовать min-width свойство применять минимальную ширину, которая требуется div...

Answer 2

У меня есть 3 jsFiddles вы можете посмотреть в том числе Edit а также Edit2 ЗДЕСЬ

Это то, что вы хотите?