画像全幅表示について

Question

お世話になります。

今朝のメールでも紹介されていた下記店舗
https://item.rakuten.co.jp/luire/pmm-yami/
のように、一部画像を全幅100％にしたいのですが
なかなかうまくいきません。
※添付画像参照

画像を
という風に並べていて、CSSで位置を調節することでカラム幅100％までは出来たのですが...。
※https://item.rakuten.co.jp/店舗ID/20022/

テンプレートEを使っていますが、なるべくならば
これを変えずに対応したいと思っております。

方法はありますでしょうか？###HR######IMG042c987c26c22650ee423cba942022ade.jpegIMG0###

Answer

ECマスターズの伊藤です。

> https://item.rakuten.co.jp/luire/pmm-yami/
> のように、一部画像を全幅100％にしたいのですが
> なかなかうまくいきません。

頂いた参考サイトを拝見したところ、おそらくテンプレートGをご利用頂いており
画像を入れているtableの幅を横幅いっぱいになるように変更しているようです。

同様の方法ですと、ご対応はいただけませんので、
下記の方法をお試しいただけますでしょうか。

＝＝＝＝＝＝＝＝＝＝＝＝＝




body{
overflow-x: hidden;
}
.orverwidth{
margin:0 -200%;
padding:0 200%;
}

＝＝＝＝＝＝＝＝＝＝＝＝＝
background-image:url(https:【略】.jpg)
→表示させたい画像を記載してください。

height:500px;
→画像にあわせて縦幅を修正してください。

Answer

返事が遅くなり申し訳ございません。

的確な方法をご教授頂き
ありがとうございます！

四苦八苦して、それっぽく出来ました！

また、わからない部分がありましたら
質問させて頂きます。

ありがとうございました！

Answer

ECマスターズの伊藤です。

無事、ご対応いただけたようで安心いたしました。

またご不明な点がございましたら、ご相談くださいませ。