2013-10-15 119 views
-1

我正在創建一個網站,並且遇到了一個問題,我在所有瀏覽器的右側都有空白空間。我通常通過添加overflow來隱藏它:隱藏到wrapper div,但由於某種原因,這次不工作。我也嘗試過將這添加到CSS中的html和body標籤中,但它們傾向於隱藏所有內容,而overflow-x不起作用。網站右側的空白處

我會大力讚賞任何幫助!您可以在這裏查看網站:http://dakar.bournemouth.ac.uk/~hmonaghan

您將能夠通過明顯查看代碼源來查看代碼,但如果有人需要我在此發佈任何內容,我會。

+2

在Linux上的Chrome看起來不錯 –

+2

在OSX上的Chrome看起來不錯 – Madbreaks

+0

在Windows下的FF,Chrome,Safari,IE7-10上很好。 – drip

回答

0

起飛的所有溢出看着它與開發工具後,它是造成大多數的問題nav

它的絕對寬度爲100%,邊距爲26%,因此突破頁面。

嘗試將導航寬度降低到c.70%...這將處理大部分問題,但可能存在其他問題,但我懷疑與滑塊有關。

+0

就是這樣!謝謝,自從我做了網頁的事情之後,這已經有點兒了。需要記住的基礎知識。 – Pixelen

0

在Windows上的Chrome瀏覽器中,對我來說這看起來不錯 - 您必須擁有非常寬的顯示器。話雖這麼說,嘗試一下與此類似CSS的東西,讓我知道它是否適合你:

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}