昨日に引き続きIEかPCか私の頭にバグ連発です。
 全部かもしれません…

 今日はフレームです。
 こういうページを作ったのですが
 フレームページ
 どういうわけか左側に見えるスクロールバー、
 ネスケだと表示されないのです。
 どういじくっても直らないので、仕方なく
 ネスケ専用メニューを作り、フレームページを開いたとき
 一番最初に表示されるページからリンクを貼ったのです。

 …あ、すみません、上のページはそのネスケページでした。

 ↓そしたら何かもうすごいことになってしまって。
 フレーム怪奇現象

 背景の画像が繰り返しというより
 断片化された画面が繰り返されています。
 おまけに前、さらにその前に表示されていた画面が消えずに残り
 重なって表示されています。
 一枚目のキャプチャを見ればわかると思いますが
 背景に黒なんて指定していないです。スタイルシートまで暴走。

 どうしたものかと思いつつ、全く何も思いつかないので
 仕方なくググって見るとこのページに漂着。

 TAG index BBS Q.インラインフレーム内の表示がおかしくなる

 今回私はインラインフレームじゃないんですが
 症状が似ているのでアドバイスを参考にして
 lintのチェッカーに掛けてみる。
 …色々細かいケチはつけられているけれど、一応100点満点。
 じゃあ、なんで…!?

 さらに別の方のアドバイス
 ・インラインフレーム側のファイルを互換モードにする
 ・インラインフレーム側の背景設定をbody要素からhtml要素に変更

 html要素がいじれず昨日から苦労している私にとって
 残された手段はDOCTYPE宣言のみ…!!
 しかしながらフレームのベースになっているHTML文書は
 最初っから互換モードにしてあったりするのです…

 どうしよう、とりあえず子ページの2つのファイルのDOCTYPE宣言を
 いじくってみる??
 祈るような気持ちで互換モードに変更してみる。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">

 ↑これを
 ↓これへ
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">


 結果はあっさりと問題解決でした。
 多少文字がでかくなったのはCSSで修正。
 フレームの土台が互換モードで子ページが標準だったのが
 いけなかったのだろうか…
 あまりにあっさり解決してしまったので真相は闇の中です。
 ありがとう、親切な回答者さん…

この記事へのトラックバック
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。