WEB画面の上に空白ができてしまうトラブルの対処

ホームページ制作中に制作したデザインを見ると、画面の上に何故か空白ができてしまう時の対処。

CSS（スタイルシート）で、H1タグのマージンつけるの忘れてませんか？

h1{
    margin:0;
}

 
 
いや～、基本中の基本に、2時間も格闘してしまいました・・・。
ちょうどPHPで制作し、データベースの構築をしていたので、文字化けやutf-8関係の記述やシステムの設定などを見直し。そちらにばかり目がいってしまいました。
（ソフト屋って視点の各度を変えることは必要ですよね。行き詰まったら職場放棄したりとか。。）

不思議な事に、共用サーバでのドメインでは空かず、独自ドメインを取得したら出る始末。
IEで共用サーバでは上は空かず、独自ドメインで見ると、上部に空白ができてしまう。
しかし、FireFoxはいずれも空白が出てました。さすがはFireFox。

未だに大多数が利用するIEですが、FireFoxでもきちんと確認しましょう。（自戒）
 

補足

話は変わって、同じIEでも、UTF-8利用で文字化けあり。
IE7、8、FireFox、OperaがOKでも、IE6で文字化けの際は、

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

を追加してみる。
確認は、Microsoft Expression Web SuperPreview for Windows Internet Explorer を利用する。
※IEのバージョンの違いを１画面で見ることができるソフト／Microsoft Expression Web SuperPreview for Windows Internet Explorer

< 前		次 >