VPF::Растянуть футер на всю страницу

DimaSiK

Дата 3.6.2010, 21:05 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 390
Регистрация: 20.8.2006

Репутация: нет
Всего: нет

Есть следующая структура:

Код


<body>
    <div class="b-root">
        <div class="b-content">
            <div class="b-inner">
            
            </div>
        </div>
        
        <div class="b-footer">
        
        </div>    
    </div>
</body>

и css

Код


body{
    width: 100%;
    height: 100%;
    background: transparent url(../images/bg/content-bg.jpg) repeat;

}

.b-content{
    width: 1024;
    height: 100%;
    margin-left: 0 auto;
}

.b-content div.b-inner{
    color: #FFFFFF;
    padding-bottom: 38px;
    padding-left: 20%;
        
}

.b-footer{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 364px;
    background: transparent url(../images/bg/footer-bg.png) repeat-x;
    
}

На больших разрешениях больше чем 1024px все замечтально, но когда разрешение допустим 1000px то появляется проблемма следующего характера. Так как блок b-content именнт ширину 1024 то при ширене экрана в 1000px появляется проктура - все отлично, но b-footer растягивает изображение не видимую часть экрана, а та часть, которая прокручивается, естественно оказывает без фонового изображения b-footer. Как можно решить данную проблемму?

--------------------

Мы не стараемся быть первыми, мы стараемся быть лучшими.

Mavrun

Дата 3.6.2010, 23:07 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 199
Регистрация: 25.11.2007

Репутация: 9
Всего: 13

min-width: 1024px пропиши, должно помочь

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »