ヤフーカテゴリーページスマホ版の幅がうまくいかない

Question

お世話になります。

ヤフーのいい買い物の日の特集ページを作っていますが、
スマホ用のページの表示がうまくいきません。
100％で指定しているのに開いたときに100％以上の幅になり、
スクロールしなければいいけなくなります。

こちらのページです。
https://store.shopping.yahoo.co.jp/morinoen/a4a4a4a4a4.html

ソースは以下のように設定しています。

Answer

ECマスターズの星です。

週明け担当の者よりご回答させていただきますので、
申し訳ありませんがお時間いただければ幸いです。
よろしくお願いいたします。

Answer

ECマスターズの田中です。

「定番ほうじ茶ティーバッグ」表示用のタグに含まれる
各タグに「width="100%"」の指定がされておりませんので、
他のタグと同様、「width="100%"」をご指定ください。

また、

Answer

田中様


お世話になります。
凡ミスでした。大変失礼いたしました。
表示はなおりました。
ありがとうございます。

あとお伺いたいのですが、スライスした２枚の画像をテーブルタグで横並びに隙間なく並べるとき、
スマホは







というように並べているのですが、隙間ができてしまう場合があります。
添付ファイルをご覧ください。現在、このような表示になってしまいます。

このコーディング以外で、きっちり隙間なく並べる方法はありますか？
できれば、％で指定したいのですが、pxで指定しなくてはいけないのでしょうか。

宜しくお願い致します。###HR######IMG04e06a30a49682e9e04332549bfc5f625.pngIMG0######BR###

Answer

ECマスターズの田中です。

いただいた部分を確認したところ、
背景色（モスグリーン）の部分も画像の一部として作成されている、
ということですね。

今回のように、
レスポンシブでテーブルのセルいっぱいに表示しようとすると、
縮小時の小数点以下の処理などにより、1pxのズレが発生する可能性がございます。

今後は、tableタグに bgcolor="#797c54" を設定するなどして、
予めテーブルに背景色をつけた上で、
その上に茶色枠内だけの画像を作成して
設置していただくようにしていただきたいのですが、

今回は、取り急ぎ上記の通り
tableタグに bgcolor="#797c54" をご設定いただくことで
溝が埋まっているように見せることができます。

Answer

ご回答ありがとうございます。
ずれが生じてしまうのですね。
テーブルタグに背景色を指定し解決しました。
ありがとうございます。