IE8で画像ユニットの表示に問題が発見されました

この記事は公開日より10年以上経過しているため、現在の内容と異なる可能性があります。

IE8で画像ユニットに問題が発見されました。

IE8の画像ユニットである設定になると、画像幅がおかしくなり問題が発見されています。

不具合を起こす条件

  • コンフィグ > 編集設定のイメージサイズ選択肢のパーセント指定をしていない
  • 画像ユニットが左か右にフロートされている
  • キャプションが設定されている

上記3つの条件が全て当てはまる場合、以下の画像のように画像の幅がおかしくなります。



対応方法

2通り対応方法があります。

パーセント指定をする方法

コンフィグ > 編集設定のイメージサイズ選択肢のパーセント指定をする方法です。 ただし、パーセント指定してから追加した画像ユニットのみ有効になりますので、以前登録した画像は再保存が 必要になります。

CSSを修正する。

CSSを修正する事によりこの問題は解決されます。 修正箇所ですが、/themes/system/acms.cssの400行あたりの画像幅の設定している所に width: auto\9; を追加して下さい。


[class*='column-image-'] img,
[class*='column-eximage-'] img {
  margin: 0 0 10px 0;
  max-width: 100%;
  width: auto\9;
  height: auto;
}

この度はご迷惑をおかけしてしまい申し訳ございませんでした。
今後ともa-blog cmsをよろしくお願い致します。

同じタグ付けがされている記事