IEのtable表示切れについて

Question

いつもお世話になっております。

当店で自社サイトをショップサーブにて運営していますが、
トップページのテーブルタグの右側が切れてしまっています。

この問題を解決する方法はありますでしょうか。
↓当サイト
https://www.takasago-gyomuten.net/

Answer

ECマスターズの田中です。

https://www.takasago-gyomuten.net/hpgen/HPB/theme/css/default.css
の１３１行目に記載された、
img  に対する  width: auto; プロパティによって、
タグに設定された「width="100%"」が上書き・無効化されてしまい、
画像本来のサイズで表示されるようになっていることが原因です。

各画像のサイズを、スタイルシートによってご指定いただければ解決するので、
今後レイアウト修正を行う際に楽になることもあってオススメなのですが、

どうしてもスタイルシートを覚えられない、という場合は、
上記「width: auto;」を削除していただきますようお願いします。

Answer

ありがとうございます。

ショップサーブのCSS管理画面を確認しましたら
width: auto;がないのですが、
131行目のところとは

article h2 {

の箇所でよろしいでしょうか。
chromeやファイアフォックスではきちんと画像が見えるのに、なぜIEだときれてしまうのでしょうか。

Answer

CSSで修正しましたので解決しました。

ありがとうございました。

Answer

ECマスターズの田中です。

> CSSで修正しましたので解決しました。
無事解決して何よりです。

> chromeやファイアフォックスではきちんと画像が見えるのに、なぜIEだときれてしまうのでしょうか。
スタイルシートとHTMLの解釈方法の違いが原因です。
スタイルシートによる width: auto; とHTMLによる width="100%" が
同じ画像に適用されていた場合、
前者2つでは、要素自体の初期値と同じスタイルシートよりも固定値を持つwidth="100%" が優先され、
IEでは、スタイルシートであるwidth: auto; の指定が優先されております。