2008年6月28日

同じブラウザなのに,表示が崩れる

 おかしい・・・
 MovableTypeの記事が,違うパソコンで見ると,同じブラウザであっても,表示が崩れることがある・・・

 具体的には,このバッタリ日記(htto://xv250.com/type-x/)が

  ・自作メイン機 Sleipnir index.htmlのみside(右)が中央に食い込む
  ・東芝ノート  同上   正常
  ・ぐるぐる1号 同上   正常
  ・ヤマダ電機のメーカー製 IE7 正常
  ・職場のノート Sleipnir 全てぐちゃぐちゃ 一列表示
  ・同上     IE6    同上

といった感じ・・・

 ブラウザの種類によって,タグの解釈が異なる(表示が異なる)ことはよくあることだが,同じブラウザで,パソコンが違うと表示が異なる,というのはどうしてなんだろう・・・(ヤマダ電機の最新機種で確認して,安心していたんだが・・・)

 職場のノートと東芝ノートはほぼ同じ解像度だから,横幅設定の問題ではないとは思うんだが・・・(参照:「自宅ではちゃんと2カラムになっていたのに」http://10max.net/2008/01/post-76.php)

 考えられるのは,パソコンの環境固有の問題(エンコードを固定しているとか)か,キャッシュぐらいか・・・


その後・・


 職場のノート(Sleipnir)の場合,「表示」?「スタイルシート」?「デフォルトのスタイルシート」で,意図したとおりに表示された。
 職場のノート(IE6)の場合,Sleipnirのようなオプションはないのだが,Sleipnirの設定を変えた後に表示させたら,ちゃんと表示された。

 ネットでぐぐってみると,IEの場合は,
 ・Internet Explorerのメニューから「ツール」→「インターネットオプション」を
  クリック
    ↓
 ・「インターネット一時ファイル」内の「ファイルの削除(F)」をクリック
    ↓
 ・ 「すべてのオフラインコンテンツを削除する」 にチェックを入れ「OK」をクリック
ということになるらしい・・・

 まあ,一応解決だが・・・

 スタイルを一変させた再構築の後など,ブラウザのキャッシュを,表示側からクリアする方法はないもんだろうか・・・
 それとも,余り頻繁にいじりまわすな,ということだろうか・・・

 あと,右サイドだけ文字がずれる原因は,「文字の大きさ」でした。
 「大」以上だと,ずれます・・・
 原因は,勉強中・・・


・・さらにその後・・



 右サイトがずれるのは,メインインデックスのみで,月別やカテゴリ別ではずれません。
 それらとメインページとの違いは,タグクラウドの有無のみ・・

 ということで,メインインデックスのサイドのテンプレートから,タグクラウドの部分をしてみました。

 その結果が,現在のページです。

 文字サイズを特大にしても,崩れてはいないと思うのですが,どうですか・・・