ie7 высота поплавка - PullRequest
Новая
       6

ie7 высота поплавка

0 голосов
/ 28 января 2010

у меня есть этот код Код: 

<div id="container">
    <div id="products_content">
        <div id="products_page_header">
            <div id="products_page">
                <div class="post">
                    <div class="entrytext">
                        some text
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="clear">
    </div>
    <div id="siteinfo">
        <p>
            some content
        </p>
    </div>
</div>

и этот css:

Код: 

div#container {
    margin: 0 auto;
    width: 960px;
    height: auto;
    border-left: thin solid #6b5c57;
    border-right: thin solid #6b5c57;
}


div#products_page_header {
    width: 960px;
    height: 50px;
    background-image: url(images/products_page_header.png);
    background-repeat: no-repeat;
    margin: 10px 0 0 0;
}

div#products_page {
    width: 950px;
    float: right;
    margin: 50px 0 0 0;
}

div.post {
    float: right;
    border: 1px solid #6b5c57;
    width: 200px;
    height: 350px;
    margin: 10px;
}
div#siteinfo {
    height: 280px;
    position:relative;
    background-image: url(images/footer.jpg);
}

проблема в том, что он работает на всех новых браузерах, кроме IE7! высота контейнера продуктов не будет работать, и div нижнего колонтитула перекрывают его! что мне делать?

1 Ответ

1 голос
/ 28 января 2010

Виновником является height: 50px; правила #products_page_header css.

его содержимое находится вне его, и оно не растянется, чтобы вместить их.

...