2010-05-28 44 views
1

好的,我正在管理面板上工作,其中一切都應該始終只在視圖端口內,直到您達到最小寬度和高度設置。頁面佈局只在Opera中打破,這很奇怪嗎?

它的最新版本可以在這裏看到(其仍處於發展):http://qwibbledesigns.co.uk/preview/Admin/

在佈局方面,它完美的作品在所有瀏覽器,甚至下降到IE6 = d。然而,歌劇不喜歡它,出於某種原因,總是在頁面的底部添加額外的空間,使它有一個額外的滾動條,我無法理解它,這是非常煩人的。

Jquery用於設置容器,邊欄和內容區域的高度,以便它們始終位於瀏覽器視圖端口內,並在窗口大小調整時重新運行這些函數。因此,我無法解決我的生活有什麼不好的歌劇。

是否有人會介意看看他們是否可以解決問題? = D

+0

不知道什麼是錯的,但奇怪的是,它完美的作品,只要你使用鼠標滾輪時,不是在文本區域,只有當你在一個鼠標光標滾動打破的東西... – mingos 2010-05-28 22:17:43

回答

1

這是一個比編程問題更多的設計問題,但我做了以下工作,似乎有所幫助。

移除了html, body選擇height:100%;,並添加了幾件事情:

html, body { 
    margin:0; 
    padding:0; 
    clip:auto; 
    overflow:hidden; 
} 

似乎幫助。

docType是一個設計問題的好網站。

http://doctype.com

+0

非常感謝你帕特里克,愛你= D 歡呼的docType的鏈接,我不知道主要針對網站的問答社區設計師存在=) – Qwibble 2010-05-28 22:33:54

+0

不客氣。很高興我能幫上忙。 – user113716 2010-05-28 22:35:39

+0

請注意,截至2013年2月15日,doctype.com已關閉。[詳細瞭解它](http://blog.doctype.com/doctype_is_closing_on_the_14th_1)。 – Krease 2014-02-18 05:25:50

0

你試過body{overflow:hidden}

+0

是的,沒有收穫。它只是隱藏了滾動條,但用鼠標滾輪,差距仍然存在。帕特里克已經解決了這個問題,但無論如何,但謝謝你的幫助=) – Qwibble 2010-05-28 22:35:10

0

我看到一個邊欄<div id="content"/>。可能是您設置的元素內聯樣式height:424px;請嘗試刪除它並查看它是否有效。