• 締切済み

擬似フレームでブログを表示

HTML及びCSSの初心者です。 この度個人のサイトを開設するにあたり、CSSを使ったフレーム風のページを作成しました。 （各ページにメニュー一式を組み込み、レイアウトを全く同じにするという方法です） そのサイトのメニューコンテンツの一つがブログ（fc2ブログ）なので、他のメニューコンテンツと同一なレイアウトになるように、ブログ管理ページでカスタマイズしました。 ところが実際にファイルをウェブ上にアップロードして、サイトの動作を確認したところ、他メニューからブログページに飛び、ブログページ上でIEの更新ボタンを押すとCSSが全く反映されてないHTMLだけのページが表示されてしまうようになりました。 （分かりにくい文章で申し訳ありません。例えば→TOPページなどからBLOGページへ移動し、そのBLOGページで更新ボタンを押した時です） 試しに他メニューからのブログページへのリンクに<target="_blank">を挿入して、新しいウィンドウを開いてブログページを表示するようにすると、更新してもレイアウトがおかしくなることはありませんでした。 フレーム（flameset)を使ったり、上記のような新規ウィンドウを開くという選択肢があるのは承知していますが、なるべく同一のウィンドウ内でコンテンツを表示させたいので、レイアウトが崩れる理由や対処方などを教えていただけると助かります。 どうぞよろしくお願い申し上げます。

みんなの回答

  • hiromi-5
  • ベストアンサー率15% (36/235)
回答No.1

ヒント FC2ブログだってCSSぐらい使ってるわっ！ よろしくお願いします

doadoa3329
質問者

補足

早速のご回答ありがとうございます。 ＞FC2ブログだってCSSぐらい使ってるわっ！ もちろんそれはわかっています。 ブログの方もCSSを使ってカスタマイズしましたし。 ただ、 　http://××××/top.html（自分が契約しているサーバのアドレス） 　　　　　　↓＜リンクで移動＞ 　　　http://△△△△fc2.com（ブログのアドレス） し、そのブログ上で更新ボタンをクリックすると、CSSが反映されていない、HTMLだけのページになってしまうのは何故か？ という事をお聞きしたかったんです。

  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

  • フレームの再表示

    ２つのフレームがあるHTMLで、左にメニューがある場合に メニュークリックで右にそのメニュー対応のHTMLコンテンツが表示されるのは 一般的なパターンだと思いますが 再表示ボタンを押すと、どうしてもTOPに戻ってしまうんです。 index.htmlの再表示ならそう書いてあるので当然とも言えるんですが、不便です。 同様なページで、そうならない（リンクそのままで再表示される）ところもありましたが どう見ても違いが分かりません。 なにか特殊な仕掛けが必要なんでしょうか？？

  • CSSで「フレーム」のような効果は出せますか？

    遅ればせながら テーブルやフレームを使わず、スタイルシートによる段組レイアウトを勉強しています。 段組レイアウトそのものは何とかできるようになったのですが、 例えば、 ヘッダ（header) 左メニュー（side） 右に内容（contents） といったいわゆる２段組レイアウトの場合 sideのリンクをクリックすると、 contentsだけが別のページにジャンプするという、 フレームのような効果は出せるのでしょうか？ ブログのようなＣＧＩにすればいいんでしょうが 更新するのは私ひとりですし、 プログラムを導入するのが面倒で・・・(--;) できればHTMLとCSSだけで実現したいのです。 全画面リンク（_top）にするというテならばありますが その場合、headerおよびsideに配置した画像も、全く同じものなのに再度表示することになって、結果アクセスが重くなりますよね。 あと、アイフレームも極力使いたくないです。 わかりにくい説明で申し訳ありませんが とにかく、以上の方法以外で、 実現できるか出来ないかを教えてください。 私が見ている参考書はレイアウトの事しか載っていなくて・・・ よろしくお願いします。

    • 締切済み
    • CSS
  • 擬似フレーム

    フレームだらけのHPを，擬似フレームを使用したHPに改造しようと色々と試行錯誤していますが，JavaScript等が良く判らず，難儀しております． 理想としているのは，「擬似フレーム（疑似フレーム）」の作り方（IE6 にも対応、スタイルシート(CSS)、JavaScript使用）」http://www.kuhp.kyoto-u.ac.jp/~diag_rad/web/p_frame.html のサイトです． このサイトを参考にした，「高密度商業地域 - 擬似フレーム」http://komitsudo.blog70.fc2.com/blog-entry-32.html にある 「実際に動作しているサンプルページ」http://blog-imgs-27-origin.fc2.com/k/o/m/komitsudo/index.html と同様の本文がスクロールするHPは作れたのですが，ヘッダー・サイトマップ・フッターの共用の仕方がわかりません． よろしくお願い致します．

    • ベストアンサー
    • HTML
  • CSSの擬似フレームでのリンク方について

    今まではHTMLでフレームを使っていたのですが、勉強になりそうなので、CSSを使って擬似フレームでサイトを作ってみることにしました。 だいたいのカタチは出来たのですが、リンク時に疑問が。 HTMLの時のように、リンク先をどこに表示するか名前指定でリンクすればいいと考えていたのですが、CSSでは実際は1つのページなので、名前指定というわけにはいきませんよね？ リンクするときは新しいページに飛ぶ時・ページ内にリンクするとき以外は、擬似フレームのメニュー部を同じように記載したページを複製して、メイン部分を変えていくという解釈で良いのでしょうか？ 回答、お願いします。

    • ベストアンサー
    • HTML
  • フレームページに文字が表示されなくて困ってます＞＜

    フレームページに文字が表示されなくて困ってます＞＜ フレームページは表示されるのですがmenu.html.htmlやcontents.html.htmlに書いた文字が表示されません どこが間違っているのでしょうか？ ーーフレームページーー <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>タトル</TITLE> </HEAD> <FRAMESET cols="100,*"> <FRAME name="menu.html.html" src="file:///D:/happystyle/menu.html.html"> <FRAME name="contents.html.html" src="file:///D:/happystyle/contents.html.html"> <NOFRAMES> <BODY> <P>このページを表示するには、フレームをサポートしているブラウザが必要です。</P> </BODY> </NOFRAMES> </FRAMESET> </HTML> ーーmenu.html.htmlーー <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>タイトル</TITLE> </HEAD> <BODY> 画像置き場 </BODY> </HTML> ーーcontents.html.htmlーー <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>タイトル</TITLE> </HEAD> <BODY> 画像表示 </BODY> </HTML> というHTMLを書きました！ フレームに表示させたいページのHTMLはフレームと同じフォルダに入っているのですがこれと関係ありますか？ どこがおかしいのかまったくわからないです 教えてください！

  • フレームを使わない表示の仕方

    個人のＨＰ作成の際フレームを使おうとしていましたが、よくないと聞き他の表示の仕方を探しています。 フレームを使わずにフレームのような表示をするにはどうしたらよいでしょうか。 （メニューと表示部分を上下に分け、メニュー部分はどのページでも表示させたいです） CSSやjavascriptなど使うのかな、と思いつつどう書けばそうなるのか全くわからない状態です。 ぜひ知恵をお貸しください。 また、わかりやすく説明されているサイト様などあれば教えてください。

    • ベストアンサー
    • HTML
  • 別フレームに画像を表示する

    こんにちは。 今、フレームセットの上にメニューバー、下にコンテンツ内容があるといったページを作っています。 上フレームにあるメニューボタンを押すと下フレームのページが切り替わるのですが、同時に上フレームにコンテンツごとの画像を表示したいのです。 はじめはメニューボタンをクリックするのと同時に画像のレイヤーを表示するスクリプトを記述していたのですが（hideとshowでその都度入れ替え）、それではキーボードのBackspaceボタンで戻ったとき上フレームの画像が前のコンテンツ画像のまま残ってしまいます。つまり上フレームのボタンを押さないとレイヤーが切り替わらないというわけです。 下フレーム内に入るページを表示するたびに上フレームの画像を表示するといったスクリプトをしたフレーム内のページのBODY要素にonloadとして記述すればよいのでしょうか？ またどのように記述すればよいのかもわかりません。 わかる方がいらっしゃいましたらどうか宜しくお願いします。

  • フレームと擬似フレーム

    以前、フレームを使わずにフレームに表示する方法をここでお聞きし、擬似フレームというものがあることを知りました。 CSSとjavascriptを使う擬似フレームと、フレームの場合やはり擬似フレームを使うべきなのか迷っています。 （SSIやphpは使えません） 更新は楽にしたいのと、対応しないブラウザがある→未対応ブラウザ向けにサイトマップをつくる 、という点では一緒かな、と思ったのですが・・・。

    • ベストアンサー
    • HTML
  • フレームを使わずに右側だけを切り替える

    個人で絵のサイトを作ろうとしています。 HTMLとCSSで作り、画面を半分に分けて左側がメニューで右側に絵が表示されるというよくある形が目標です。 フレームを使わずに、overflowでスクロールできるようにしたのですが、問題はメニューで右側に絵を表示させる際にこのままだとメニューを切り替えるたびにリンクがページごと切り替わる点です。 メニューの数がある程度限られていれば、左側が同じページをいくつもつくり右側だけ変えるようにできますが、絵の数が増えればそのたびメニューの項目がいくつと増えていきます。 そのたび今まで作ったページたちの左側をいちいち編集しなければいけませんよね？それはめんどくさい… 今目指すレイアウトでフレームを使わずに右側だけ切り替える、もしくは絵を更新するたびにひとつひとつ書き換えにいかなくても済む方法はありますでしょうか？ 同じような質問はいくつもあるのですがなかなか解決にたどり着かないので質問させていただきました。 以上の内容でよろしければ回答お願いします。

    • ベストアンサー
    • HTML
  • ソースの見えるフレームは擬似フレームですか？

    HTMLを勉強しているので、 暇があると色々なページのソースを見ています。 そこで気づいたのですが フレームページはソースを表示させると 大元のフレームソースしか表示されませんよね？ でも一見、フレームのような作りでも 普通にメイン画面のソースが表示されるページも あるようです。メニュー側でソース表示すると そちらもきちんと見えます。 例えば・・・ http://www.solon-saga.jp/ ソースにJavaScriptの記述がありますが、 こうしたページは擬似フレームになるのですか？ それともindex.htmなどをフレームにしてページをいれ、 通常どおりフレームセットを作りながら何かの方法で 普通にソースを表示させる方法などがあるのですか？ DynamicHTMLやスタイルシートなどもチラッと 調べてみたのですがいまいち判りません。 よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する