Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Extra padding в кнопках IE

Автор: Гость 26.7.2005, 23:20

Имеем:

Код


<style> 
.button { padding: 2px; overflow: hidden; } 
</style> 
 
<input type="button" value="some value" class="button">

В итоге рисуются кнопки с правильной шириной в Опере и Мозилле и кнопка на несколько (10?) пикселей шире в ИЕ

Как убрать лишний паддинг в ИЕ?

Есть вариант изменить в стиле overflow: visible который не подходит так как обязательно нужен overflow: hidden.

Автор: dm9 27.7.2005, 08:16

.button { padding: 2px; overflow: hidden; width: ...; }

Так?

Автор: Guest 27.7.2005, 10:38

Так

Код


<style> 
.button1 { padding: 2px; overflow: hidden; width: 90px; }
.button2 { padding: 2px; overflow: visible; }
</style> 
 
<input type="button" value="some value" class="button1">
<input type="button" value="some value" class="button2">

button1 - вариант с фиксированной шириной
button2 - вариант без фиксированной ширины

Спасибо.