Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Проблема с div'ами в IE7

Автор: A1taiR 27.8.2008, 20:38

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, 21:29

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