ここから本文です

FC2でホームページを作成しています。 編集しようとして、自分のサイトを開いたら...

had********さん

2018/4/2321:46:45

FC2でホームページを作成しています。
編集しようとして、自分のサイトを開いたら、添付のように下へスクロールすると背景がどんどん真っ白になっていってしまいます。

HTMLのソースはfixedという文字だけをスクロールするソースを使っているのですが、ほんの数日前までちゃんと表示されていたのに、急にこんなふうになっていて驚いています。
では個々のページで表示したらどうかと一番左のページと真ん中と幅の広い右のページを個々に表示したら、ちゃんと文字だけスクロールされて、背景はこんなふうに白くなっていきませんでした。
この三つのページを載せているソースがおかしいんでしょうか?
一応三つのページを載せているソースと、一番左だけのソースの冒頭を載せます。
<三つのページを載せているソース>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_JIS" />
</head>
<frameset cols="13%,13%,74%">
<frame src="booksmenu-long.html"name="left">
<frame src="booksmenu-short.html"name="center">
<frame src="omotegaki.html"name="right">
<body>

</body>
</html>

<一番左のページのソース(冒頭のみ)>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_JIS" />
<title>books menu</title>
</head>
<body style="background:url(samekomon1.jpg)fixed">
<p><br /><span style="color: #993300;"><span style="font-size: x-small;">裏表現には※が入ります。<br />
名前変換は、名前を入力してから<br />
決定ボタンクリックで文章が表示されます。<br />
名前を何も記入せずに決定を押すと、<br />題名下の括弧内のデフォ名が表示されます。<br />
</span></span></p>
<br>
<br>
<a style="text-decoration:none"target="right"href="2anniversary-kekka.html">☆2周年記念企画☆(投票結果)</a><br>

色々調べてはみたのですが、グーグルクロムではfixedのソースは使えない的なことが記載されていたのですが・・・。今までやれていたのに急にできなくなったのはおかしいと思って。
おわかりになる方いらっしゃれば回答お願いします。
ちなみにグーグルクロムで編集したりしています。
IEは最近使っていませんが、これが解決するまではIEで編集します。
IEでは問題なく表示されました。
素直にIEでやった方がいいんでしょうか?

DOCTYPE html&amp;gt,meta http-equiv,head&amp;gt,frame src,right&amp;quot,HTML5,HTML4.01

閲覧数:
87
回答数:
1
お礼:
250枚

違反報告

ベストアンサーに選ばれた回答

nek********さん

2018/4/2410:28:23

こちら側で現象を再現できませんでした

考えられる原因としては、HTML4.01のタグをHTML5のタグで使用していることがあげられるかもしれません

HTMLにはバージョンがあり、HTML4.01は古い時代のバージョン
HTML5はわりと最近に出てきたバージョンです(HTML5のほうが簡単に省略して書けるようになってる)
「<!DOCTYPE html>」はそのHTMLファイルがhtml5であることを宣言する書き方です
対し、frameタグはhtml4.01のタグです
frameはhtml5では廃止になっています

『何もしてないのに突然表示が変わった』のであれば、ブラウザのバージョンアップデートによるものか、クッキーなどの一時データの不具合、もしくはFC2で保存する際に何か起きたかです(前途の通りバージョンがめちゃくちゃなので起きないとは言えない)

『全然関係無いと思うけどちまちま修正したところはある』場合にはそのちまちま修正した部分でミスをした可能性があります(何かの拍子に一部ソースコードの一文字を消してしまったとか)

一応、背景画像を指定している
『<body style="background:url(samekomon1.jpg)fixed">』を
『<body style="background:url(samekomon1.jpg)fixed repeat">』にしてみてください
余力があればHTML5のiframeと、比較的簡単に画面を分割できるBootstrap(CSSで動いてるからjQueryとかはいらない)を調べてみてください

  • 質問者

    had********さん

    2018/4/2913:30:47

    詳しい説明ありがとうございました!
    なにしろ我流でHTMLを使っているので、基本的な知識があまりなくバージョンが存在するということも知りませんでした。
    まだ試してはいませんが、一度ご提案いただいたもので試してみたいと思います!
    ありがとうございました!

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

あわせて知りたい

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる