Кроссбраузерность Button

ExVood
На сайте с 02.07.2013
Offline
39
408

Здравствуйте!

Мучаюсь с кнопкой, не могу тексту никак установить кроссбраузерную, вертикальную высоту. :mad:


button {
background-color: #333333;
border: 1px solid #fff;
cursor: pointer;
width: 50%;
height: 18px;
float: left;
}

Как поправить..?

LEOnidUKG
На сайте с 25.11.2006
Offline
1774
#1

С высотой вроде всё ок. Может быть вы о том, что текст не ровно?

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
ExVood
На сайте с 02.07.2013
Offline
39
#2
LEOnidUKG:
С высотой вроде всё ок. Может быть вы о том, что текст не ровно?

Ну да, в мазиле он внизу, а в хроме все ок

rkelly
На сайте с 08.06.2007
Offline
96
#3
ExVood:
Здравствуйте!
Мучаюсь с кнопкой, не могу тексту никак установить кроссбраузерную, вертикальную высоту. 😡


Как поправить..?

параметры margin, padding пробовали прописывать?

ExVood
На сайте с 02.07.2013
Offline
39
#4
rkelly:
параметры margin, padding пробовали прописывать?

Пробовал обнулять - не помогло.

Пробовал сделать padding'ом, более менее нормальное отображение получилось, но все равно не кроссбраузерно...

---------- Добавлено 17.10.2013 в 17:20 ----------

Не актуально. Всем спасибо.

Прочел что Мазилла смещает на 1 пикс текст вниз... Проверил - так и есть.

Вконтакте правда наоборот, в мазиле на 1пикс выше чем в хроме...

Так и живем...)

Ayavryk
На сайте с 11.10.2003
Offline
209
#5

У меня одинаково.

Попробуйте добавить:

line-height:18px;

padding:0;

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
vlad00777
На сайте с 24.12.2009
Offline
119
#6

Ayavryk, совершенно верно. ТС вам поможет это:

line-height:18px;

вместо

height:18px;

Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий