ヘッダーのカテゴリページで画像配置がくずれる

Question

カテゴリページと商品ページでヘッダーの画像が崩れます。
商品ページではちゃんと表示されますが、カテゴリページでは縦に重なってしまいます。
画像でスライドをiframeで表示しているのですが、他の画像もそれに合わそう思っていましたが
画像にリンクする方法がわかりませんでした。なのでリンクがいらない画像はiframeを使ってますが、
リンクがいる画像は単純にで貼っています。
この2つの問題が解決できればと思います。下記にコードも貼り付けておきます。
宜しくお願い致します。

Answer

ECマスターズの田中です。

＞商品ページではちゃんと表示されますが、カテゴリページでは縦に重なってしまいます。

商品ページに比べ、カテゴリページでは
ヘッダーの表示幅が狭くなっており、
バナーを2つ横に並べられるスペースがなくなったため、
縦に重なって表示されてしまいます。

たとえば、ヘッダーコンテンツの先頭に記載されたタグに対して

のように、スタイルシートで横幅を指定する、
などの方法で横幅を確保していただくことで
正しく２列で表示されるようになります。

すみません、２つの問題というご質問をいただいているのですが、
２つ目の問題がどこにあるのかがわかりませんでしたので、
上記の問題が解決しましたら、
改めて、どの部分に問題があるか、お知らせいただけますでしょうか。

なお、問題とは関係ない点かと思いますが、
いただいたソースの２つ目のタグで画像ファイルを読み込んでおり、
この使い方ですと記述が複雑になり、想定しない表示乱れを引き起こしやすいので、

のように、シンプルなimgタグにご変更いただきますようお願いします。

Answer

お世話になります。
問題が解決しました。ありがとうございます。
ちなみに2つめの質問の事ですが、
以前の横にシンプルなを入れると
横並びで上下に少しだけ段差ができたので無理矢理を使ってました。
それですべて使った方がいいのかな？と思い
をつかった画像にリンクを張れる方法を聞きたかった訳ですが、
もう一度試しに指示されたを使ってみるとでキレイに収まりました。
なので今回の2つめの質問は大丈夫です。
ありがとうございました。