質問: 初歩的な質問ですが、検索してもピンとくる答えがなかったため質問させていただきます。 ■聞きたいこと メニューバーを設置する際の方法(構成)として、よい案があれば教えていただきたいです。 ■やりたいこと で作成した横並びのメニューバーを各コンテンツページの一番上に設置したいです。 メニューバーはを入れ子にして多階層ドロップダウン項目があります。 ■試した事(問題点) メニューバーをheader.htmlとして別ページに作り、各コンテンツページのあたま部分にiframeで読み込みをしたのですが、ドロップダウンの部分がiframeからはみ出してしまい、選択できません。 overflowやz-indexを試してみましたが、ドロップダウン部分だけ前にすることはできませんでした。 ■考えられる改善方法 iframeではなく、各コンテンツページにメニュー部分を直書きするしかないのでしょうか。 ※ただそれだとコンテンツページが増えれば増えるほど、メニューを更新する場合の編集箇所が増えメンテナンス性が悪いように思えます。 他にいい案があるように思えるのですが、それがなにかわからないので質問させていただきました。 初歩的な質問で恐縮ですが、宜しくお願いいたします。
回答: 共通化については下記のように色々方法はあります。 静的HTMLのためのテンプレートエンジン:第1回 共通部分が多いHTML 現在の環境と作られてるソースコードがないためどれが最適かというのは明言できませんが・・。 もしかしたら現在のiframeのままでも現象を解決できるかもしれませんし。 静的HTMLに対するテンプレート機能を備えたエディタとかあったように思いますので、それを使うのも手です(有料ですがDreamweaverとか) Webからログインしてコンテンツを編集するCMSもたくさんありますので 動作環境を整える必要がありますが、いっそCMSを使ってしまうのも1つの手です。 * 意外と知らない?サイトの更新が便利なCMSまとめ【随時更新】 * 静的なHTMLジェネレータを探してみる~サービス紹介サイトとCMSの間にある溝