3

我有麻烦了。我将 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,我能做的最好的事情就是让图像显示出表格的偏移量,并以最小宽度/最大的方式播放主要内容容器。宽度,百分比,甚至强制像素(我不喜欢它,因为将来客户端可能会使用不同的图像尺寸)

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

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

4

1 回答 1

0

除了评论中讨论的 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 上测试过了(去掉那个功能),它可以工作了!

于 2012-10-25T23:21:18.030 回答