Задача: сделать одинаковое отображение в браузерах
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 и прочие свойства относящиеся к тексту и отступам были опробаваны в первую очередь, но результат не привел к ожиданиям.
Кто-нибудь решал подобный вопрос?
попробывал поэкспериментировать с дефолтными свойствами, перебором их скриптом и присвоением им значений.
похоже что это в прописано индивидуально в программной части браузеров.
казалось бы на дворе 2015 год уже грядет, а до сих пор множественные отличия отображения кода.