Изображение таблицы в ячейке показано меньше

Question

У меня проблемы. Я обновил Joomla 1.5 до 2.5.7. Импортировал весь контент. Некоторые статьи построены с использованием тега HTML, строк и двух столбцов. Текст в первом столбце, изображение с правильным атрибутом HEIGHT/WIDTH находится во втором столбце.

Смотрите эту страницу:

http://stageseminars.com/index.php/2012-10-24-18-26-22/how-to-tech/paperwork/108-lighting-board-notes

В FireFox, это вынесенный красиво, в Chrome, IE9 и Safari, изображения изменяется меньше, оставляя слишком много места для текста, который может быть завернутый больше.

В версии J15 сайта это было хорошо.

Я попытался сыграть с CSS немного прошлой ночью, лучшее, что я мог сделать, чтобы получить полный размер изображения, имел изображение, показывающее смещение из таблицы, и событие контейнер основного содержимого, ширина/максимальная ширина, процент, даже принудительные пиксели (мне это не нравится, потому что, возможно, в будущем клиент будет использовать разные размеры изображения)

Существует несколько статей вроде: Я знаю, что это может быть каким-то образом превращено в таблицу, стиль шаблонов. Но есть лучший и быстрый способ, я был бы признателен!

Обратите внимание! Если вам нужна дополнительная информация, сообщите мне об этом.

Answer 1

Помимо модификаций css, рассмотренных в комментариях, есть функция в http://stageseminars.com/templates/rt_kirigami/js/modules-height.js , которая устанавливает некоторые стили для ваших изображений в IE9 и IE10.

 'load': function(){ 
     if (Browser.ie9 || Browser.ie10){ 
      document.getElements('img').each(function(img){ 
       img.setStyle('max-width', img.getStyle('width').toInt() || img.offsetWidth); 
       img.setStyle('width', '100%'); 
      }); 
     } 

Вы можете прокомментировать это, я уже протестировал его на IE9 (удалив эту функцию), и он работает!