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

Общайтесь со знакомыми и друзьями в нашей группе в Контакте.

Разработка » CSS - текст в блоке - отступ сверху (всегда на 1px > других браузеров) » 24-09-2014 23:22:18

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

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

Разработка » CSS - текст в блоке - отступ сверху (всегда на 1px > других браузеров) » 23-09-2014 21:55:23

R-83O5Diy5A.jpg

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

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 и прочие

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]