#css
#css
Вопрос:
Действительно простая, но очень раздражающая проблема — у меня есть текстовое поле формы, в котором кнопка расположена горизонтально, поэтому они оба должны быть выровнены по высоте. Я добавляю пару пикселей верхнего и нижнего заполнения, но я не могу заставить это работать в разных браузерах — Internet Explorer, в частности, по какой-то причине удваивает заполнение.
Может ли кто-нибудь дать совет о том, как получить кнопки одинакового размера в большинстве основных браузеров.
Вот css, который я использую для кнопки
.button {
color: #44444a;
cursor: pointer;
font-weight: bold;
overflow: visible;
padding: 0.1em 1em;
width: auto;
border: solid 1px #44444a;
}
Комментарии:
1. Пожалуйста, предоставьте часть вашего кода (HTML и CSS)
2. Это не веселая ситуация — лучший вариант для полного доказательства — используйте изображение / спрайт.
Ответ №1:
Лучший совет, который я могу предложить, основываясь на очень ограниченной информации, которую вы предоставили, это:
1 — Убедитесь, что вы объявили свой doctype .
2 — Выполните сброс CSS. Что-то вроде:
*{
margin:0;
padding:0;
}
Поиск в Google «Сброс CSS» обычно приводит к чему-то полезному.
3 — Знайте свою модель box!
Было бы полезно, если бы вы могли предоставить нам немного больше информации (HTML и CSS-код) или ссылку на страницу-нарушитель.