レイアウトが上に詰まってしまう /Dreamweaver入門 ドリームウィーバーの使い方
HOME > ブラウザ違い・バージョン違いによるズレ等の解決方法 > レイアウトが上に詰まってしまう
文字が上に詰まってぐちゃぐちゃに!
height 指定をした部分に、height の値を超えたサイズのものがありませんか?
#header {
height: 100px;
}
と設定した場合、header 内にそれ以上の高さの画像を入れたり、テキストの改行が多くなり 100px を超えてしまうと、バージョンによっては厳格に高さ 100px が設定され、はみ出した部分は詰まってひどいレイアウトになってしまいます。
たとえば今のように header の高さが100pxの指定をしたときに、高さ80pxの画像を置き、その下に高さ50px指定したナビゲーションを置いてしまうと、合計の高さは130pxで、指定した100pxを超えてしまいますね。
height 指定したブロックなどの中に、それを超える高さのものがないか確認しましょう。
高さ指定を正しく見直すか、高さ指定をしないなどの方法で解決します。
もしこの記事が役に立ちましたら、ぜひブックマークやブログ・twitterで紹介して下さい。