Разница в верхних отступах Firefox (по сравнению с другими браузерами) - PullRequest
Новая
       0

Разница в верхних отступах Firefox (по сравнению с другими браузерами)

1 голос
/ 10 марта 2012

Я не нашел четкого решения этой проблемы, поэтому решил создать эту тему.Существует очень раздражающая особенность Firefox: 

<!DOCTYPE html>
<html>
<head>
<style>
    div{
        line-height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        width: 31px;
        height: 50px;
        font: 15px Verdana;
        background: #0F0;
    }
</style>

<body>

<div>test</div>

</body>
</html>

Вот результат (200%):

http://i.stack.imgur.com/cjqP7.jpg

Как видите, верхний отступ в Firefoxбольше (6 пикселей), чем верхний отступ в других браузерах (5 пикселей).Как решить эту проблему?

РЕДАКТИРОВАТЬ : любой сброс CSS не исправить.

Ответы [ 3 ]

1 голос
/ 10 марта 2012

Это обычно тот случай, когда в вашем css не выполняется нормализация значений по умолчанию, поэтому появились такие инструменты, как normalize.css и reset таблиц стилей около. Такие инструменты пытаются нормализовать и сбросить значения по умолчанию, установленные пользовательскими агентами (браузерами).

0 голосов
/ 04 июня 2012

поместите это поверх вашей CSS: 

 DIV {  /*let Firefox stick to the padding web standards*/
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        margin:0;
        padding:0;
    }
0 голосов
/ 10 марта 2012

Попробуйте yui-reset. Это может исправить проблемы, подобные этим, и другое поведение по умолчанию в разных браузерах.

http://developer.yahoo.com/yui/reset/

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

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

...