Почему существует несогласованный интервал между двумя элементами с одинаковым стилем и как я могу сделать их согласованными?

#css #internet-explorer #whitespace

#css #internet-explorer #пробел

Вопрос:

http://bit.ly/jEiZ2Z

Если вы нажмете на «7» и «8», вы выберете дату прибытия и окончания.

Вертикальный интервал (пробел / граница) не соответствует этому:

http://bit.ly/lem5aI

Я имею в виду нижнюю белую «границу»:

введите описание изображения здесь

Он отклонен на один или два пикселя. Я хочу, чтобы это выглядело как первая ссылка.

В последней ссылке вам нужно фактически щелкнуть по любому из текстовых полей в консоли (например, прибытие, отправление ), чтобы отобразить календарь.

Стилистически это выглядит точно так же, включая стили внешних родителей и т.д. Я почти уверен, что это что-то непоследовательно унаследованное, или, возможно, это пробелы буквально в HTML. (У меня был долгий день, более 20 часов, поэтому мои глаза не привыкли).

Было бы здорово, если бы кто-нибудь мог попробовать определить это.

Кроме того, в IE он выглядит намного более искаженным (более 1 пикселя).

Ответ №1:

Проблема, похоже, вызвана этим, внутри layout.css :

 div#content table td,
div#content table th { vertical-align: top; }
  

При тестировании с Chrome 12, если я отключу это на одном из ваших <td day="44" ..> элементов, это исправлено.

На вашей «рабочей» странице нет этого CSS.

Комментарии:

1. боже мой, вот что делает с вами сверхурочная работа … убивает ваши глаза.. Спасибо!