3

困っています。Joomla1.5を2.5.7にアップグレードしました。すべてのコンテンツもインポートしました。一部の記事は、HTML TABLEタグ、行、および2列を使用して作成されています。最初の列にテキストがあり、正しいHEIGHT/WIDTH属性を持つ画像が2番目の列にあります。

このページを参照してください：

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 に答える