Проблема с полями в Internet Explorer внутри div с отступом - PullRequest
Новая
       13

Проблема с полями в Internet Explorer внутри div с отступом

2 голосов
/ 29 мая 2009

В этом случае Internet Explorer, похоже, не дает нужную сумму маржи. Похоже, что он измеряет поле сверху окна и игнорирует отступы. Почему это? Есть ли хороший обходной путь? Вот пример: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>

        <style type="text/css">
            .messagebox
            {
                border: solid 2px black;
                background: blue;
                color: white;
                padding: 10px; /* Problem only when padding set */
            }

            h1, h2, h3, h4 
            {
               margin-top: 12px;
            }

        </style>
    </head>
    <body>
        <div class="messagebox" style="width: 300px">
            <h4 style="text-align: center">In IE, this text is 10px higher than in FF.</h4>
        </div>
    </body>
    </html>

Я работаю в IE7 и FF3. Спасибо.

Ответы [ 3 ]

2 голосов
/ 29 мая 2009

Добро пожаловать в ошибка модели коробки IE

0 голосов
/ 29 мая 2009

У меня нет конкретного ответа, но я боролся с различиями между IE и FF, поскольку это касается полей и отступов.

Возможно, вам потребуется явно указать тег doc type. Особенно строгий режим. Это должно заставить их заставить их в той же модели макета. С этого момента вы имеете дело с искусством, а не наукой.

Удачи.

0 голосов
/ 29 мая 2009

Вы можете попробовать 

body{
zoom:1;
}

Я не уверен, поможет ли это, но это может быть быстрое решение, если это так!

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

Нет похожих вопросов

...