レイアウトが上に詰まってしまう /Dreamweaver入門 ドリームウィーバーの使い方

ドリームウィーバーの使い方

HOME > ブラウザ違い・バージョン違いによるズレ等の解決方法 > レイアウトが上に詰まってしまう

レイアウトが上に詰まってしまう

文字が上に詰まってぐちゃぐちゃに!

レイアウトが上に詰まってしまう

原因

height 指定をした部分に、height の値を超えたサイズのものがありませんか?

#header {
height: 100px;
}

と設定した場合、header 内にそれ以上の高さの画像を入れたり、テキストの改行が多くなり 100px を超えてしまうと、バージョンによっては厳格に高さ 100px が設定され、はみ出した部分は詰まってひどいレイアウトになってしまいます。

たとえば今のように header の高さが100pxの指定をしたときに、高さ80pxの画像を置き、その下に高さ50px指定したナビゲーションを置いてしまうと、合計の高さは130pxで、指定した100pxを超えてしまいますね。

解決方法

height 指定したブロックなどの中に、それを超える高さのものがないか確認しましょう。
高さ指定を正しく見直すか、高さ指定をしないなどの方法で解決します。


もしこの記事が役に立ちましたら、ぜひブックマークやブログ・twitterで紹介して下さい。

 

 このエントリーをはてなブックマークに追加  このエントリーを含むはてなブックマーク   twitter      

 

その他のDreamweaverのよくある質問と解決方法


▲トップページへ