Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   разные размеры в ФФ (https://javascript.ru/forum/xhtml-html-css/23901-raznye-razmery-v-ff.html)

Rootpassword 11.12.2011 01:19

разные размеры в ФФ
 
<style>
.test_1 {
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0;
padding: 5px 10px 5px 10px; 
background-color: lightblue; 
border-bottom: 8px;
border-bottom-color: transparent ;
border:solid 0px;
}


</style>

<input type=button value='111111111' class='test_1'>
<div  class='test_1'>111111111</div>


Задача-что бы в ФФ размеры по вертикали были одинаковые, без явного указания оного. Во всех браузерах ОК, а в ФФ вылезает откуда-то два лишних пикселя. Для наглядности - рядом.

trikadin 11.12.2011 01:22

А это... Вы рамочку убрали у инпута? И пожалуйста, живой пример.

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Rootpassword 11.12.2011 01:32

Рамку да, убрал. Вроде отредактировал сообщение.

trikadin 11.12.2011 01:41

Сложно сказать, почему фф так поступает. Во всех остальных эл-тах он рассчитывает по ф-ле (font-size+2 )px, а тут - font-size+4. Решение - поставить шрифт поменьше.

Но строго говоря, имеет право.

Rootpassword 11.12.2011 01:48

А разве у ФФ есть специфичное свойство, вроде -moz-размершрифта для такого?

trikadin 11.12.2011 02:01

Цитата:

Сообщение от Rootpassword
А разве у ФФ есть специфичное свойство, вроде -moz-размершрифта для такого?

А я говорил о стиле?

Менять вёрстку. Или скрипт. Но это плохо. Но если хочется - подсказка - не обязательно следить за каждым элементом, можно добавить body класс "moz" в самом начале, а в стиль - что-то в таком роде:
.moz test_1 {
 fint-size: 12px;
}

Rootpassword 11.12.2011 02:07

ну у меня возникла идея переопределить через -moz-calc для ФФ размер шрифта, но это только для 4.0+ версий. Да и в ИЕ9 сработает ((

trikadin 11.12.2011 02:15

Цитата:

Сообщение от Rootpassword
но это только для 4.0+ версий

Ну, в принципе, доля 3.6 на рынке не такая уж и большая в последнее время...

Для 3.6 можно использовать мой способ, для выше - ваш.

Хотя я бы всё-таки что-то в вёрстке поменял.

Rootpassword 11.12.2011 02:21

В верстке... Можно как-нибудь указать, что абсолютный слой не должен перекрывать родительский? без z-index?

trikadin 11.12.2011 02:27

Вообще-то, любой слой по умолчанию перекрывает родительский. Поэтому нет.

Опишите задачу, что ли...


Часовой пояс GMT +3, время: 02:37.