2011-05-20 26 views
4

我有一個網站,右側有一個博客和側邊欄,看起來很好,但是當我進入博客的第2頁時,側邊欄向下移動到頁面底部。爲什麼我的側欄移動到頁面底部而不是停留在側面?

你可以明白我的意思是將這些鏈接

http://www.beatinganger.com/blog(邊欄看起來正常)

http://www.beatinganger.com/blog?page=1(邊欄下移到底部)

我已經看了看源代碼和我看不到兩頁之間的差異。

任何幫助將不勝感激。

+0

的差異右div容器放在左邊div容器內page1。請檢查代碼。 – Murugesh 2011-05-20 10:34:00

回答

3

子頁面上的#left_container元素未關閉,因此其中包含#right_container元素。

+0

謝謝 - 現在嘗試並找出如何解決它;) – 2011-05-20 10:44:25

0

是的,第二個網址的模板已經有了,所以側邊欄被注入到左側'main'列中。

0

#right_container http://www.beatinganger.com/blog?page=1處於與enter link description here不同的層次結構中。 #right_container和#left_container應與第一個鏈接中顯示的父級和級別相同。

另一個建議,雖然,我注意到#right_container的內容比容器本身略有「更寬」的內容。確保內容元素小於或等於父容器的寬度,或設置#right_container - > overflow:hidden;儘管一個快速的黑客方式。

+0

感謝您的建議。 – 2011-05-20 10:49:19

1

容器div關閉導致問題(因爲其他答案指出);還與vertical_menu類的DIV是打破了其分配的大小 - 這可能會導致浮動問題時,你的div都是關閉的:

enter image description here

+0

謝謝Amelvin,會嘗試並整理出來 - 不知道爲什麼它會這樣做,但是因爲CSS是相同的,唯一的區別是它使用Drupal Views。 – 2011-05-20 10:50:01

+0

vertical_menu div的寬度是300px - 裏面的一些元素正在溢出 - 我上面提到的圖片是使用Google Chrome,它可以讓您在不需要重新構建頁面的情況下襬弄元素的大小。 Firefox中的Firebug也是如此。 – amelvin 2011-05-20 11:05:53

相關問題