Странные HTML5-фрагменты изображений на полях сверху и снизу

Question

Сравнивая HTML4 с HTML5, я сталкиваюсь со странной проблемой при размещении нарезанных изображений на моем веб-сайте.

См. Примеры страниц ниже:

• версия HTML4
• версия HTML5

Как вы можете видеть в версии HTML5, нежелательные поля появляются на полях изображений сверху и снизу и не могут быть удалены с помощью переопределений CSS.Как заставить версию HTML5 выглядеть идентично версии HTML4 (в этом простом случае)?

ps единственное отличие двух файлов - это объявление заголовка DOCTYPE.

Answer 1

Добавьте img {vertical-align: bottom;} к вашему CSS.

Answer 2

Добавьте img { display: block; } к вашему css. HTML5 заставит браузеры рендерить встроенные вещи немного иначе, чем HTML4.

Для получения дополнительной информации см. Эту информативную статью от Mozilla: https://developer.mozilla.org/en/Images%2C_Tables%2C_and_Mysterious_Gaps

Answer 3

Попробуйте удалить Высота и Ширина из таблицы и IMG.