2012-01-27 45 views
0

http://mehulkar.com/CD事業部之前的股利後無法啓動,它被隱藏在

這是推動我瘋了。我有一個固定位置標題和一個固定位置頁腳。我希望頁面類在兩者之間滾動。

出於某種原因,我的頁面類從整個文檔的頂部開始:0,而不是從頁眉開始。

我可以通過將div的所有內容相對定位到相應的高度來繞過問題,但我將使用頁面ID來導航頁面。因此,當我使用鏈接導航到#ID時,它將導航到文檔的頂部。

我該如何解決這個問題!?

+1

您是否嘗試過將內容頂部的邊距添加到與div標頭相同的高度?這可能有效。另一種選擇是使用3個div(header,content,footer),然後在內容div上設置自動溢出以允許滾動內容。只是一個想法。 – 2012-01-27 02:41:48

回答

2

你的頭的位置是fixed,這需要它的文檔流程。這不僅意味着它位於你放置它的位置,而且它也意味着它不會將它下面的內容推下。

簡單的修復方法是爲頁面div添加頁邊距,該頁邊距與「always-on-top」頁眉的大小完全相同。

+0

我知道有一個簡單的修復。是的,margin-top是最簡單的修復方法。謝謝。 – mehulkar 2012-01-27 03:42:35

0

你的CSS類「清除」似乎有0的高度確保最小高度設置爲100像素

0

首先試着改變你的類屬性:

margin:0margin-top: 100px

到頁腳向左移動,如果這是你想要刪除的內容:

right: 0#footer css。

同樣來自#內容的CSS刪除position:absolute並添加margin-left:200px;

而在CSS中添加margin-bottom:50px到.wrap類。

一旦完成了所有這些更改,您應該在頂部標題,底部標題,左側對齊。頁面內容可以在頁眉和頁腳之間讀取和滾動,所有內容都可以通過滾動查看。

只是問任何問題。

+0

真棒。是否有一個原因,你更喜歡增加一個左邊距絕對定位右:0; ? – mehulkar 2012-01-27 03:45:24

+0

另外,頁腳在設計上位於右側。不知道我是否喜歡它,但我的意思是在那裏。 – mehulkar 2012-01-27 03:45:54