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/ …
All About・CSSで段組構成 段の背景色が切れないようにする(後)
⇒http://allabout.co.jp/internet/hpcreate/closeup/ …
All About・CSSで段組構成 隣の段が下に回りこむのを防ぐ
⇒http://allabout.co.jp/internet/hpcreate/closeup/ …
No.1ベストアンサー
- 回答日時:
position:fixed
を試してみるのはどうかな。
http://www.tohoho-web.com/css/reference.htm#posi …
ただ、IE6では効かないから IE6も範囲に入れたいならJavaScriptを混在させないとならない。
早速のご教授、ありがとうございます!
早速試してみたところ、Firefoxに関してはメニューを固定することが出来ました。
JavaScriptはGENOウィルスの感染源になるとかいう話を以前眼にしたので、なるべく使わない方向でIE用の方法も引き続き探してみます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- HTML・CSS HTMLとCSSについて 2 2022/09/12 15:46
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- HTML・CSS CSSファイルの日本語コメントが文字化けしてしまう 3 2022/12/26 15:50
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
FFFTPでサーバに新規フォルダが...
-
既存画像(gif または png)の背...
-
ホームページビルダー15で作っ...
-
ビルドとリビルドの違いを教え...
-
ホームページの画面文字を濃く...
-
ホームページビルダー
-
ホームページ作成
-
サイトの同じページに画像を複...
-
CSSと無料掲示板を組み込んだサ...
-
友人のホームページを引き継ぐには
-
ホームページビルダー22でリン...
-
ホームページビルダーを複数の...
-
ホームページを作ろうかと
-
メールフォーム設置の文字化け...
-
HTMLで、ホームページが作れる...
-
ページの内容コピペ 範囲が広い...
-
ビフォアーアフターのページは...
-
今さらですがHPを作成するに当...
-
ホームページ制作で教えてくだ...
-
ホームページビルダーおすすめ?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
マルチアングルの切り替え
-
Adobe Reader PDF 開くと英語...
-
VLC media player DVDメニュー
-
GOM PLAYERのメニューの表示方法
-
DBCS関数とは何ぞやッ!
-
AutoCADでワイプアウトを編集し...
-
今度、会社の上司の方と「鳥貴...
-
DVD-Video作成時のメニュー画面...
-
Yahoo!TVは、なくなったのです...
-
Photoshopでファイルを常に中央...
-
DVDに後からチャプタやタイトル...
-
無料のDVDオーサリングソフトで...
-
<span style="visibility : hid...
-
htmlとcssを使ったメニューバー
-
フォトショップを独学でする為...
-
DVDオーサリングソフト教え...
-
Notesでデバッグをする方法につ...
-
飲食店のメニューをパソコンで...
-
オービック 会計ソフトについて
-
フォトショップの作業スペース...
おすすめ情報