IE7 CSS padding проблема - не могу понять - PullRequest
Новая
       27

IE7 CSS padding проблема - не могу понять

5 голосов
/ 15 февраля 2011

Попытка выяснить довольно раздражающую проблему IE7 CSS. По какой-то странной причине, приведенной на странице ниже, ее заполнение выглядит намного больше, чем обычно. Нет свойств, которые я применяю, кажется, чтобы решить проблему, и я не могу понять, почему это происходит. Вы можете увидеть проблему здесь на кнопках (основной виновник):

Пример: http://www.matthewruddy.com/demo/?page_id=1088

Вот применяемый CSS: 

.button {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  margin: 0;
  padding: 0;
  display: inline-block;
  white-space: nowrap;
}

.button span {
  margin: 0;
  padding: 8px 12px;
  display: inline-block;
  white-space: nowrap;
}

Вы можете увидеть весь CSS здесь: http://pastebin.com/Grsxh97H

И источник веб-страницы: http://pastebin.com/rW33Nh0D

Спасибо всем, кто может пролить свет на этот вопрос, Мэтью.

1 Ответ

9 голосов
/ 15 февраля 2011

Я сталкивался с этим раньше.

Простое применение overflow: visible к вашим кнопкам исправит это.

Я постараюсь найти ссылку.* См .:

http://jehiah.cz/a/button-width-in-ie

...