1

私はこのウェブサイトに取り組んでいます:www.lumn.net。中央のパネル(#overall)は、ページの上部から下部に伸びるdivであると想定されています。なんらかの理由で理解できません。すべてのページの下部にスペースがあります。 さらに奇妙なことに、lumn.net /index.shtmlとlumn.net/about.shtmlの2ページだけで、上部と下部の両方にスペースがあります。<-修正済み

htmlとbodyの両方の高さは100%です。

中央のパネルの高さを100%に設定すると、下部に余分なスペースがあるページでは、代わりに600pxになります。これは、内部divの1つの最小の高さであり、それを超えるコンテンツは下部を使い果たします。上部と下部の両方に余分なスペースがあるページでは、何も起こりません。

センターパネルにtop:0とbottom:0を設定しても、どのページにも影響はありません。

何を間違えているのか、それを修正する方法は、すでに試したこと以外にはわかりません。

更新:下部のスペースの問題は、フッターが中央のdivの外側にあり、負のマージンを使用して上に移動したことが原因でした。ただし、内部に移動すると、その下にまだ奇妙な余分なスペースがあります:lumn.net/about.shtml。#overall center div内に適切に配置するにはどうすればよいですか?

4

3 に答える 3

0

上のパディングボトムを変更してみてください#overal

padding-bottom: 18px

それはあなたの問題を解決しますか?

于 2012-05-25T12:25:24.027 に答える
0

ホームページとアバウトページに奇妙な余分な文字があります"?" phpタグがひどく開いているのではないでしょうか?

#overallに100%の高さを設定してtpを試しましたか?(私にとってはうまくいきます...)

于 2012-05-25T04:01:54.253 に答える
0

フッターの高さは28px(境界線を含む)で、上部は-42pxです。そのため、16pxの#overallがその下に突き出たままになります。そのうちの8pxだけが意図的なもののようです。

ページの上部については、余分な疑問符(ページの左上隅にほとんど表示されない)が原因のようです。

于 2012-05-25T04:42:34.347 に答える