仕事でページのレイアウトの確認をWindowsXP HOMEのFirefox3でしていた。CSSの変更が反映されず、また、CSSを読み込まないとそれなりのレイアウトで表示されることからCSSのキャッシュが残ってしまっていると判断した。
ツール、オプションでの設定ダイアログを開いてもよくわからない。グーグル先生に聞いたところ、MacのFirefox3のことについて書いてある記事をやっと見つけた。何故、Mac...
オプションダイアログで詳細を選択してネットワークのタブを見ると、オフラインデータという項目があり、右に今すぐ削除、というボタンがある。これのようだ。
しかし、キャッシュをクリアしても現象変わらず。原因は他にあるようだ...
−−追記−−
問題が解決した。
念のためIE7でも同じページを表示して同じようにレイアウトされることを確認。問題はソースにある。
結局、入力フォームの画面のレイアウトのために、INPUT属性に対して一律のwidthの値を設定したのが原因だった。
表示が壊れたのはテーブルのあるカラム。そのカラムにはcheckboxを一つと、データ送信用にhiddenのアイテムを複数入れている。これらのINPUT属性に対してすべて幅指定が有効になってしまってカラムが広がっていたのだった。
個別のCSS指定を設定して正しく表示された。自分が書いたCSSをわかっていないとは。その場しのぎで作ってきたツケだな。
コメント