Странное поведение макета в IE7 (полоса прокрутки появляется там, где она не должна) - PullRequest
2 голосов
/ 11 марта 2011

Вот код:

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <style type="text/css">
            html, body
            {
                margin: 0px;
                padding: 0px;
            }
            #pageContainer {
                min-width: 100%;
                float: left;
                background-color: red;
            }
            #leftColumn {
                float: left;
                background-color: lime;
            }
            #rightColumn {
                position: relative;
            }
        </style>
    </head>
    <body>
        <div id="pageContainer">
            <div id="leftColumn">Left column</div>
            <div id="rightColumn">Right column</div>
        </div>
    </body>
</html>

На IE8 / Opera / FF все выглядит хорошо.Если я возьму IE8 и включу режим IE7 (соответствующий стандартам), внезапно появится горизонтальная полоса прокрутки.Подозрительно он такой же большой, как левый столбец.Есть идеи?!

Example

1 Ответ

3 голосов
/ 11 марта 2011

Два решения. В правом столбце либо:

  • Удалите position: relative, если вам это не нужно.
  • Или оставьте это и добавьте zoom: 1.

Это все о hasLayout.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...