普段使うブラウザにはグーグルクロームを選択しています。
久しぶりにインターネットエクスプローラーIEを使ってこのブログを見たら、アマゾンの商品紹介のレイアウト（テーブルtable使用）が崩れていることに気づきました。なぜか商品画像がぺちゃんこになっています。ブログのアクセス解析を見ると9割の人はIEを使っているので、綺麗に表示されるように直しました。
他のブログに同じコードを貼るとIEで見ても綺麗に表示されるのでたぶん、このブログのテンプレートが関係しているんだと思います。原因はわかりませんが、対策方法はわかりました。
テーブル内で画像が表示される部分の「td」のタグに画像の幅を「width=””」で設定してやると綺麗に表示されました（「img」タグ内に設定してもダメでした）。
↓これは、画像の幅を設定してない。私のIEの環境で見ると画像がぺっちゃんこになる。クロームやファイヤーフォックス、サファリなどでは綺麗に表示される。
 |
4D VISION 馬解剖モデル
スカイネット 2008-07-18 |
↓こちらは、画像の幅を「td width=”122px”」と設定している。綺麗に表示される。
|
4D VISION 馬解剖モデル
スカイネット 2008-07-18 |
↓こちらは、アマゾン側で用意されているジャンル別のアイコンを入れてみた。このアイコンの表示も画像の幅を指定しておかないとIEではレイアウトが崩れた。
|
 |
4D VISION 馬解剖モデル
スカイネット 2008-07-18 |
このアマゾンのジャンル別アイコンがあると、なんとなく見た目がいいので、これからはこれを使っていこうと思う。