Изображение в ячейке таблицы не уменьшается: использование ie8 / 7 - PullRequest
0 голосов
/ 16 июня 2010

Может ли кто-нибудь помочь мне решить проблему с моим сайтом?

http://www.andrewstonyer.co.uk/test/

Моя проблема:

В IE8 / 7, если вы нажмете на миниатюру (только «Импульс»)и «Время в течение часа» подключено прямо сейчас) появляется наложение с деталями этого фрагмента.

Что должно произойти, и это происходит в Gecko / Webkit, так это то, что наложение содержит таблицу с заголовком,масштабированное центрированное изображение и навигационное меню.Существует переключатель для текста, который увеличивает размер ячейки изображения и уменьшает его, сохраняя пропорции.Я знаю, что оверлей сейчас выглядит как задница - это всего лишь цвета-заполнители:)

В IE изображение не идеально вписывается в ячейку таблицы, что означает, что все выходит за пределы окна.Я не вижу навигационное меню.Похоже, он отображает изображение с фактическим размером пикселя (в CSS элемент img class установлен на 100% высоты).

Текстовая ячейка переключается с помощью jquery, при включении в IE это не так.Похоже, что «сжать» вышеупомянутую ячейку, что я хочу, чтобы произошло.

Могут ли помочь какие-либо эксперты?

С уважением, Джон

1 Ответ

1 голос
/ 16 июня 2010

Добавление ширины: 100% к классу ov-image в вашем CSS исправляет это. Я полагаю, что другие браузеры поддерживают отображение: блокируйте даже для масштабирования изображения, но в IE вы должны объявить ширину для масштабирования.

Дополнительно уберите высоту: 100% из того же класса.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...