2012-01-27 4 views
0

http://mehulkar.com/CD本部は、前のdiv要素の後に起動しない、それは、これは私が非常識な運転している

の後ろに隠れます。固定位置ヘッダーと固定位置フッターがあります。私は2つの間でスクロールするページクラスをします。

何らかの理由で、私のページクラスは、ヘッダーの下から始まるのではなく、ドキュメント全体の0から始まります。

divのすべての内容を適切な高さで相対的に配置することで問題を回避できますが、ページIDを使用してページをナビゲートします。したがって、リンクを使用して#IDに移動すると、ドキュメントの先頭に移動します。

どうすればこの問題を解決できますか?

+1

コンテンツの上部に余白をdivヘッダーと同じ高さに追加しようとしましたか?それはうまくいくかもしれない。もう1つのオプションは、3つのdiv(ヘッダー、コンテンツ、フッター)を持ち、コンテンツのスクロールを可能にするためにコンテンツdiv上で自動オーバーフローを設定することです。ちょっとした考え。 –

答えて

2

あなたのヘッダ位置に設定されていることを確認しているようだ文書の流れからそれをとる、fixedです。それはあなたが置いた場所に座っているだけでなく、下のコンテンツを押し下げることもないということです。

簡単に修正できるのは、「常に最前面」のヘッダーのサイズであるページdivに余白を追加することです。あなたのページクラスのプロパティを変更してみてくださいで開始する

+0

私は簡単な修正があることを知っていました。はい、margin-topは最も簡単な修正です。ありがとう。 – mehulkar

0

「クリア」あなたのCSSクラスが0の高さが最小高さは100pxに

0

margin:0margin-top: 100px

にそれはあなたが削除したいものである場合は、左にフッターを移動するには:

right: 0をあなたから#footer css。

また#contentのCSSからposition:absoluteを削除し、margin-left:200px;

を追加し、CSSで.wrapクラスにmargin-bottom:50pxを追加します。

これらの変更がすべて行われたら、上部にヘッダーが、下部にフッターがあり、両方が左揃えになっている必要があります。ページのコンテンツは、ヘッダーとフッターの間で読み取りとスクロールが可能で、スクロールですべて表示されます。

質問がありましたらお問い合わせください。

+0

素晴らしい。右の絶対配置に左マージンを追加することをお勧めします。 ? – mehulkar

+0

また、フッターは設計上、右側にあります。私がそこでそれを愛しているかどうかは分かりませんが、私はそこにいることを意味しました。 – mehulkar

関連する問題