Question

我遇到了麻烦。我将Joomla 1.5升级到2.5.7。导入了所有内容。有些文章是使用HTML TABLE标记，行和2列构建的。第一列中的文本，具有正确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了，我能做的最好的办法是让图像的全尺寸图像显示偏离表格的方式，而事件是主内容容器，用最小宽度播放/ max-width，percentage，甚至强制px（我不喜欢它，因为将来客户端可能会使用不同的图像大小）

有很多文章，我知道这可能会以某种方式转换为无表格，风格模板。但是有更好更快的方式，我很感激！

请指教！如果您还需要更多信息，请与我联系。

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上测试了它（删除了该功能）并且它可以正常工作！

单元格中的表格图像显示较小

1 个答案: