CSS - текст в блоке - отступ сверху (всегда на 1px > других браузеров)

jackjay · №1

Задача: сделать одинаковое отображение в браузерах

OC Windows 7

Google Chrome 37 —---- отступ 1px
Mozilla Firefox 32 ——--- отступ 2px
Opera 24 —————------ отступ 2px
Safari 5.1.07 ————---- отступ 2px
Internet Explorer 11 —- отступ 1px
Яндекс.Браузер 14.7 -- отступ 2px
Амиго 32 —————------ отступ 2px

Код CSS:

Выделить код

Код:

div {
font-family:arial;
font-size:12pt;
border:1px #000 solid;
display:block;
text-align:center;
line-height:1;
padding:0;
width:200px;
}

Весь код:

Выделить код

Код:

<html>
<head>
<style type="text/css">
 
body {padding:0;margin:0;}
 
div {
font-family:arial;
font-size:12pt;
border:1px #000 solid;
display:block;
text-align:center;
line-height:1;
padding:0;
width:200px;
}
</style>
</head>
 
<body>
<div>TEXT</div>
</body>
 
</html>

P.S. Перед тем как спросить на форуме пытался самостоятельно найти способ решения через поисковики и мануалы.
padding, margin, line-height, font-size и прочие свойства относящиеся к тексту и отступам были опробаваны в первую очередь, но результат не привел к ожиданиям.

Отредактировано jackjay (24-09-2014 19:10:32)

jackjay · №2

Кто-нибудь решал подобный вопрос?

Отредактировано jackjay (24-09-2014 19:12:21)

jackjay · №3

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

казалось бы на дворе 2015 год уже грядет, а до сих пор множественные отличия отображения кода.

Полезная информация

№123-09-2014 21:55:23