• 締切済み

CSSで、フレームを使ったようなメニューを作りたいのですが

HP作り初心者です。ただいま、CSSを使用してのHP作りに挑戦中です。 フレームを使ったHPでよく見るような、画面左側にメニュー、右側に本文という構成にしたいと思っています。 下記「All About」記事を参考に作ってはみたものの、 本文が長いのでスクロールするとメニュー部分が見えなくなってしまいます。 メニュー部分が常に画面上に表示されるように固定したいのですが、どうすればよいのでしょうか。 ご教授よろしくお願いします。 使用ソフト:TeraPadで直打ち。 確認ブラウザ:FireFox3.0.13とIE8.0。 CSS:外部ファイル。A.cssにページレイアウト、B.cssにメニュー部分の情報(文字サイズやリンク関連の装飾など)記載。 メニュー:ulとolタグ使用。 All About・CSSで段組構成 段の背景色が切れないようにする(前) ⇒http://allabout.co.jp/internet/hpcreate/closeup/CU20050328A/ All About・CSSで段組構成 段の背景色が切れないようにする(後) ⇒http://allabout.co.jp/internet/hpcreate/closeup/CU20050401A/ All About・CSSで段組構成 隣の段が下に回りこむのを防ぐ ⇒http://allabout.co.jp/internet/hpcreate/closeup/CU20050307A/

みんなの回答

noname#119957
noname#119957
回答No.2

All Aboutの説明道理で大丈夫です。

mu_minmin
質問者

お礼

御礼が遅くなり申し訳ありません。 ご回答ありがとうございました。

  • SAYKA
  • ベストアンサー率34% (944/2776)
回答No.1

position:fixed を試してみるのはどうかな。 http://www.tohoho-web.com/css/reference.htm#position ただ、IE6では効かないから IE6も範囲に入れたいならJavaScriptを混在させないとならない。

mu_minmin
質問者

お礼

早速のご教授、ありがとうございます! 早速試してみたところ、Firefoxに関してはメニューを固定することが出来ました。 JavaScriptはGENOウィルスの感染源になるとかいう話を以前眼にしたので、なるべく使わない方向でIE用の方法も引き続き探してみます。

関連するQ&A

  • メニューだけを別に更新したい

    http://allabout.co.jp/internet/hpcreate/closeup/CU20041111A/index2.htm のようにスタイルシートで段組を作り、メニュー部分だけを変更したいです。 一つのところを編集すれば、全ページに影響するようにしたいです。 メニューをいろいろと変更することが多いのですが、 今は全ページのメニュー部分をいちいち変えている状況です。 過去に同じような質問があればすいません。 どのような検索ワードで検索をかけたらいいのかもわかりません。

  • CSSで縦三段レイアウトにして、HTML上では真ん中部分を最初に表示

    皆様よろしくお願い致します。 http://allabout.co.jp/internet/hpcreate/closeup/CU20041115A/ このように左、中、右で表示させる場合は cssの使い方によってhtmlでは右を一番最初に表示させる事も可能なのは知っているのですが、 seo対策として「上、中、下」のcss縦三段レイアウトで「中」をhtml上では一番最初に表示させたいのですが可能でしょうか?

    • ベストアンサー
    • CSS
  • SSIの事について詳しい方教えてください。

    昨日初めてSSIを使ってHPを作成しました。 参考にしたのはここです。 http://allabout.co.jp/internet/hpcreate/closeup/CU20020520A/ SSIを使ったのはヘッダーと左縦列のメニュー部分なんですけど そのメニューの文字の色を指定させる為にCSSでを使いました。 一応完成はしてカーソルが文字に触れると色が変わったりしてくれるようになったのですが 並んでるメニューにカーソルが触れるたびに画面がチカチカするんです。 ゆっくり触るとそうでもないんですがちょっと早くこすった感じにカーソルを動かすと 画面を読み込んでる…とも言える感じで画面がチカチカするんです。 どうしてこういう現象が起きるのでしょうか? どなたかご存知の方教えていただけませんか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • はじめまして。

    はじめまして。 よろしくお願いします^^ 質問なのですが、 http://allabout.co.jp/internet/hpcreate/closeup/CU20050228A/ ここにある画像の「E本文」のところだけを、例えば掲示板など表示させたり、チャットなどを表示 させたりしたいのですが、どうやってやるのでしょうか? 本文の場所以外は常に表示させて、E本文の位置だけを違うページに変えたいんです。 わかる方いましたら、教えてくださいおねがいします><

    • 締切済み
    • CSS
  • CGIについて

    お忙しいところ、申し訳ないのですがお力をお貸し下さい。ホームページの「Copyright」を自動的に更新できるようにしたいと思い、色々と探しました。「オールアバウト」に説明してある記事【 http://allabout.co.jp/internet/hpcreate/closeup/CU20061101A/index3.htm 】があり、なんとか自力でと試したのですが、書いてある方法がよく理解できません。 初心者でも、実行できるように教えて頂けないでしょうか?宜しくお願いします。

  • 1行で左寄せと右寄せと中央揃えというのはできますでしょうか?

    お世話になります。タイトルのとおりCSS等を駆使して 1行で左寄せと右寄せと中央揃えというのはできますでしょうか? 左寄せと右寄せは下記のアドレスのとおりにして出来たのですが、 中央もいれるとずれてしまいます。 http://allabout.co.jp/internet/hpcreate/closeup/CU20060209A/index.htm よろしくお願い致します。

    • ベストアンサー
    • HTML
  • マージンのマイナスのバグ

    http://allabout.co.jp/internet/hpcreate/closeup/CU20060427A/index2.htmでマージンのマイナスをつかったボックスの作り方が載っていますが、エクスプローラーでこの部分をそのまま使ってもボックスのラベルの上の部分が表示されません。FIREFOXではちゃんと表示されているようですが、エクスプローラーでなんとか表示させることはできないでしょうか?

  • JQuery UIで、表示したタブの中にアコーディオンを追加したい

    こちらのページにあるようなタブをjQueryで作り、 http://allabout.co.jp/internet/javascript/closeup/CU20071220A/index2.htm 出来上がったタブの中に、以下のページ http://allabout.co.jp/internet/javascript/closeup/CU20071215A/ にあるようなアコーディオンメニューを表示したいのですが、 タブの表示まではできるのですが、 アコーディオンメニューが追加できません。 実現へのヒント等、教えて頂ければ幸いです。

  • MTでjQuery、プルダウンメニューを表示させたい。

    超初心者的な質問なのですがアドバイスを頂きたく書き込みさせて頂きます。 MovableTypeにjQueryを設置して プルダウンメニューを表示させようと考えております。 jQueryの設置でつまづいてます。 http://allabout.co.jp/internet/javascript/closeup/CU20071020A/index2.htm ここで言う自分のコードとは何でしょうか? 検索しましたが解決しませんでした。 よろしくお願いします。

  • RSSアイコンをクリックで複数のRSSリーダーを表示させたい

    ■表示希望デザイン参考サイト■ 【All About】 http://allabout.co.jp/internet/hpcreate/closeup/CU20051111A/ 上記サイトのようにRSSアイコンをクリックすると複数社のRSSリーダーが表示されワンクリックで購読できるようにしたいのですがこの様にするにはどうすればいいのでしょうか? HTMLやスクリプトの書き方、参考になるサイト、ツールやソフト(無料希望)等をご存知でしたら教えて頂けないでしょうか 宜しくお願い致します

専門家に質問してみよう