单元格中的表格图像显示较小[关闭]答案

【问题标题】：Table image in cell shown smaller [closed]单元格中的表格图像显示较小[关闭]
【发布时间】：2012-10-16 00:44:09
【问题描述】：

我遇到了麻烦。我将 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，我能做的最好的事情是让图像显示出表格的偏移量，并以 min-width 播放主要内容容器/max-width，百分比，甚至强制像素（我不喜欢它，因为将来客户端可能会使用不同的图像大小）

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

请指教！如果您需要更多信息，也请告诉我。

【问题讨论】：

尝试删除这些图像的 max-width:100%，它已应用于 template.css 中的所有图像 - 第 11 行
！嘿！哇，它为 Chrome 和 Safari 修复了。 IE9 还是不开心。
那些图片的下一个参数：height:auto 怎么样？
该死的，我们 Web 开发人员必须付出的努力才能让网站在 IE 中运行，哈哈。
这是一个不错的镜头，但现在比例很差，我得到了正确的高度，但宽度没有跟随！！

标签： html css joomla joomla2.5

【解决方案1】：

除了 cmets 中讨论的 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 上测试过了（去掉那个功能），它可以工作了！

【讨论】：

非常感谢！据我所知，这已解决:)