【再投稿】yahooショッピングのヘッダーについて

Question

伊藤様

いつも大変お世話になっております。
先日はHTML、CSSの件ご指導いただきありがとうございました。

ご指導いただいた通りに運用していたのですが、バックアップも含め
全てのファイルが上書きされ、形が崩れてしまいました。

商品ページ内の固定メニューは生きているのですが、
TOPページの固定メニューが表示されたままになってしまいます。
https://shopping.geocities.jp/XXX(弊社アカウント)/index.html

現在固定メニューが出たままになっております為、週明けで構いませんので
できる限りお早めにご確認、ご指導いただけると幸いです。

何卒よろしくお願いいたします。

Accepted Answer

ECマスターズの伊藤です。

> メニューが全て裏に隠れきれず、影が出てしまう為そのままにしてありました。
> （現在、改めてその状態に更新してありますが、メニューの下影が隠し切れません）

> index.hmtlだけ壊してしまい、import.cssは触っていないとのことなのですが
> 他に修正出来る箇所はございますでしょうか。

おそらく、今まで、CSSが、キャッシュが適用されており、

昨日、キャッシュが更新され、私からお伝えしたCSSが、
適用されたためだと思われます。

現在、トップと、商品ページとで、同じCSSを
適用頂いるにも関わらず、異なる見た目
・トップはヘッダーを固定ヘッダーの上に表示したい
・商品ページは、ヘッダーを固定ヘッダーの下に表示したい
をご希望されていること、

商品ページは、Yahooテンプレートの枠が
影響していることから、
うまく適用できておりません。


そのため、一部HTMLと、CSSの追加をお願いいたします。

また、構造上、固定バナーの表示は、
５つ並んだキャンペーンバナーの下から
表示するようになります。

【HTMLの修正（トップページ）】


↓↓


【以下のCSSの追加】

#header.top_header {
z-index: 99999;
width: 100%;
}
#header.top_header #nav {
width:1000px;
}
#header.top_header #bannerarea{
width:1000px;
margin:auto
}

Answer

ECマスターズの星です。

> 全てのファイルが上書きされ、形が崩れてしまいました。

週明け担当よりご回答いたしますので、
今しばらくお時間いただけると幸いです。
お待たせして申し訳ございませんが、
何卒よろしくお願いいたします。

Answer

ECマスターズの田中です。

https://shopping.geocities.jp/xxxxxx/import.css
にて、
/*z-index:999; これが有効だとフッター隠れる*/
を
z-index:999999; /*これが有効だとフッター隠れる*/
にご変更いただくといかがでしょうか。

コメントに記載されている、フッターが隠れる現象が
発生している様子は、私にて見つけられませんでしたので、
同import.cssを読み込んでいる他のページにて、
フッターの表示に問題がないか、ご確認願います。

Answer

田中様

ご回答いただきありがとうございます。

ご指導いただいた箇所は一度訂正してみたのですが
メニューが全て裏に隠れきれず、影が出てしまう為そのままにしてありました。
（現在、改めてその状態に更新してありますが、メニューの下影が隠し切れません）

今までは、ページを表示した際しっかり隠れておりました。
index.hmtlだけ壊してしまい、import.cssは触っていないとのことなのですが
他に修正出来る箇所はございますでしょうか。
再度ご指導よろしくお願いします。

Answer

伊藤様

ご回答ありがとうございました。
ご指導いただいた通り修正しましたところ直りました！

毎回丁寧なご回答をいただき感謝致します。
ありがとうございました！