- ベストアンサー
CSSでフレーム
ご存知の方いらっしゃいましたらお教えください。CSSを利用してフレームのような動作をさせるにはどうすればいいのでしょうか？たとえばフレームにおいて仮にナビを左に、メインページを右にしてある場合、ナビのリンクのアクションがメインフレームへ該当するHTMLファイルを呼び出しますが、CSSでこの動作をさせることが出来るのでしょうか。参考になるHPなどございましたらお教えください。よろしくお願いします。
- tamagrnd2
- お礼率75% (3/4)
- ホームページ作成ソフト
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
>たとえばフレームにおいて仮にナビを左に、メインページを右にしてある場合、ナビのリンクのアクションがメインフレームへ該当するHTMLファイルを呼び出しますが、 CSSではできません。 「Ajax」で検索してみて下さい。 擬似フレームを使うなら、 width、heightと、overflow: autoまたはscrollを指定すれば、スクロールバー付きの枠線が表示されますので、 全てのページに共通部分をコピーすれば、 リンクをクリックしてページを移動したときに、共通部分以外だけが書き換わったように見えます。
その他の回答 (1)
- torayoshi
- ベストアンサー率62% (910/1449)
CSSで組むとなると2カラムレイアウトでしょうね。 これは見た目は左右(上下)のフレームのように見えるけど、 実際は一つのページをフレームのように見せかけてるだけです。 そのため「擬似フレーム」などと呼ばれてます。 あくまで一つのページなので、メニューも含めリンクページの数だけ必要になります。 やり方はたくさん公開されてます。「CSS 2カラム」で検索。
お礼
ご回答ありがとうございました
関連するQ&A
- CSSデザインでのフレーム的な使い方
CSSでのページデザインにおきまして、例えば右にリンク・ナビゲーションバー、左にメインページを配置した場合（divで左右に分割）、リンクをクリックしたとき該当するページをメインページに表示させるにはどのようにするのかお教えください。また参考CSSでも結構です。ご存知の方よろしくお願いいたします。 当方はＣＳ５を利用しています。（←ほとんど機能を理解していません。）
- ベストアンサー
- HTML
- CSSの擬似フレームでのリンク方について
今まではHTMLでフレームを使っていたのですが、勉強になりそうなので、CSSを使って擬似フレームでサイトを作ってみることにしました。 だいたいのカタチは出来たのですが、リンク時に疑問が。 HTMLの時のように、リンク先をどこに表示するか名前指定でリンクすればいいと考えていたのですが、CSSでは実際は1つのページなので、名前指定というわけにはいきませんよね？ リンクするときは新しいページに飛ぶ時・ページ内にリンクするとき以外は、擬似フレームのメニュー部を同じように記載したページを複製して、メイン部分を変えていくという解釈で良いのでしょうか？ 回答、お願いします。
- ベストアンサー
- HTML
- 別フレームの.cssの変更
こんにちは。 javascriptを使って.cssファイルを切り替えることにかんしてのしつもんです。 左フレームと右フレームがあって、 右のフレームに表示されているページのボタンとか文字とかをクリックすると、関数が呼び出されて、左フレームに表示されているページの.cssファイルを切り替えるようなscriptは、どう記述すれば、いいですか？
- ベストアンサー
- JavaScript
- 他の方へ飛ぶときのフレームについて
トップページを、「左:ショートカット右:メイン」のフレーム構成にして、 1つのページで、gooさんの個人掲示板をメイン側に設けました。 ところが、その掲示板にURLを書き込んでもらって、そこからリンクすると、自分のサイトの左フレームが残ったままになってしまいます。 以前に似たような質問がありましたが、今回はgooさんから借りた「掲示板」からのリンクなので、ＨＴＭＬのいじり方がよくわかりません。 どうにかして、他の方のページい飛んだとき、左フレームを消したいのですが、何か良い方法はあるのでしょうか？
- 締切済み
- HTML
- 【初心者】ＣＳＳリンクについて
外部ＣＳＳのあるテンプレートをダウンロードしました。 今まではＨＴＭＬだけでＨＰを作ってたのでＣＳＳについては全くわかりません>< ヘッダー、左にメニュー、右にメイン、そして下にフッターがあるものなんですが、 メニューをクリックして内容をメインに表示させるというのがどうやっているのかわかりません--; 本当に初歩的なことですみません。。 今までだとフレームを使ってターゲット指定でメインにリンクする方法ですがＣＳＳだと？？ 自分で本も買ってきて勉強もしてますが外部呼出しＳＣＣ…難しいですT_T
- ベストアンサー
- HTML
- フレーム
HPビルダーで2分割したフレームのページがあります。 左をクリックしたら右のページだけが変わるようにリンクを張るにはどのようにすればいいのでしょうか？ どなたかわかりやすく教えてください。
- ベストアンサー
- ホームページ作成ソフト
- CSSで「フレーム」のような効果は出せますか？
遅ればせながら テーブルやフレームを使わず、スタイルシートによる段組レイアウトを勉強しています。 段組レイアウトそのものは何とかできるようになったのですが、 例えば、 ヘッダ（header) 左メニュー（side） 右に内容（contents） といったいわゆる２段組レイアウトの場合 sideのリンクをクリックすると、 contentsだけが別のページにジャンプするという、 フレームのような効果は出せるのでしょうか？ ブログのようなＣＧＩにすればいいんでしょうが 更新するのは私ひとりですし、 プログラムを導入するのが面倒で・・・(--;) できればHTMLとCSSだけで実現したいのです。 全画面リンク（_top）にするというテならばありますが その場合、headerおよびsideに配置した画像も、全く同じものなのに再度表示することになって、結果アクセスが重くなりますよね。 あと、アイフレームも極力使いたくないです。 わかりにくい説明で申し訳ありませんが とにかく、以上の方法以外で、 実現できるか出来ないかを教えてください。 私が見ている参考書はレイアウトの事しか載っていなくて・・・ よろしくお願いします。
- 締切済み
- CSS
- 左フレームからのリンクを右フレームに表示するには？
ｇｏｏの簡単ＨＰを作っているのですが、 左フレームからのリンクを右フレームに表示するにはどうしたらいいのでしょうか？ そのまま左フレームの中に、リンクを作ると、左フレームに表示されてしまうので、困ってします。 まだはじめたばかりで、本を参考にしているのですが、よくわかりません！教えてください！
- 締切済み
- HTML
- フレームとCSSの違い
１ページを縦に2つに分けたデザイン（サイド部分とコンテンツ部分に区切られたページ）を作成します。 ページを作成する際、フレームで作成するのと、CSSでサイドとメインのレイアウトを作るのとでは、どちらがお勧めでしょうか。 見た目、左右に区切れてればいい（特定の人しか見ないので、ブラウザ表示はIEだけ確認できればOK）のです。 一般的にはどちらで作成したほうがよいでしょうか。 フレームとCSSとでの使い分けがよくわからないのです。 左側にリンク（メニューなど）を表示、右部分にコンテンツを表示する予定です。 初心者な質問ですみませんが、学び始めで少し混乱してしまっています。なんでもよいのでアドバイスよろしくお願いします。
- ベストアンサー
- HTML
- HTML＋フレーム構成のページを、HTML+CSSで書き換えるには？
HTML＋フレーム構成のページを、HTML+CSSで書き換えるには？ コンテンツはそのままに、HTML＋フレーム構成のページを、HTML+CSSで書き換えることになりました。 ヘッダー、フッター、上部に画像ロゴ、左にメニューを配置したいと思ってます。 メインコンテンツ部分以外はSSIでインクルードしたいと思っています。 案外簡単だと思ったのですが・・・すぐ配置が崩れて悩んでます。 さらに、CromeとIEで確認をするたびに配置が違ってしまいます。 merginとpadsdingを0にしてから始めるらしいことまでは調べたのですが、 そうするととても配置が変で面倒になります。 現在はFFFTPと秀丸とブラウザで作業してます。 ほかに、PhotoShop6とホームページビルダー14とMicrosoftExpressionweb3は手元にライセンスがあります。 HTMLは分かりますが、CSSは初めてです。多少がんばれば、javaScriptも使えるかもしれません。 お薦めの本や、作り方、フリーウェアなどありましたらご指導ください。よろしくお願いいたします。
- ベストアンサー
- HTML
お礼
ありがとうございました。
補足
回答ありがとうございました。ネットでは一般的にTOPページのサンプルしかないようですが、ここまでは出来るんですがこの先の説明は一般的な図書でも解説している文書が無いようです。そこでご回答に該当するHPがあればご紹介くだされば助かります。