VPF::Проблема с div'ами в IE7 - Форум программистов

A1taiR

Дата 27.8.2008, 20:38 (ссылка)

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

Загрузка ...

Новичок

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

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

http://a1tair.kiev.ua/SoftCommander/index.html

Вот такая раскладка:

Код


<div id="header"></div>
<div id="backgr">
    <div class="container">
        <div id="content"> ... </div>
        <div id="sidebar"> ... </div>
    </div>
</div>
<div id="footer"> ... </div>

Вот стили:

Код


#header
{
    background: url(img/header.jpg) 50% 0 no-repeat;
    height: 371px;
}

/* --Content-- */

#backgr /* Схлопывается */
{
    background:url(img/bg_top.jpg) left top repeat-x;
    height: 30px;
}

.container
{
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

#content
{
    float: left;
    width: 556px;
    padding: 31px;
}

#sidebar
{
    float: right;
    width: 320px;
    padding: 31px;
}

/* --Footer-- */

#footer
{
    position: relative;
    clear: both;
    background:url(img/bg_bottom.jpg) #17120e top repeat-x;
}

В Опере и ФФ нормально. В ИЕ7 футер выскакивает перед областью контента.
Почему так, и как это исправить?
Буду очень признателен за помощь.

Это сообщение отредактировал(а) A1taiR - 27.8.2008, 20:41

A1taiR

Дата 27.8.2008, 21:29 (ссылка)

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

Загрузка ...

Новичок

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

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

Уже разобрался: убрал height: 30px; из #backgr.

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