2013-04-01 156 views
0

我正在一個單頁網站上有很多浮動div全高:100%; - 在較小的屏幕上(如iPad)和瀏覽器(如FIREFOX)中,您可以水平滾動到站點的一側並查看空白區域。這讓我非常生氣。如何刪除網站右側的空白空間?

我已經通過其他空的空間問題,看上去,但他們是如此具體,我無法看到的相關性。我沒有任何東西可以使100%的身體寬度突破。任何意見是極大的讚賞。

試驗場,請http://test.mysteryskin.co.uk/

可能會說,這是未完成的

+0

你會看到你可以滾動到右邊,如果沒有光標,那麼用我們的鍵盤上的箭頭右鍵按鈕 – user826902

+0

在Chrome上也會發生... – brbcoding

+0

如果刪除'width:100%',額外的空間消失'從'.contentbox','.infobox'和'.aboutbox',但它也混亂你的佈局。 –

回答

0

我能夠加入position:fixed;到div與類trailer,以解決在FF的問題是有用的。事實上,我認爲如果你所有的非滾動元素都是固定的,那麼你試圖提取的頁面類型會更好。

不知道這會幫助你的iPad的問題或沒有。

+0

拖車元素是不是非滾動,實際上增加這種風格的那類打破了頁面的其餘部分,並保持整個事情從能夠滾動的元素。 – Michael

+0

@invertedSpear謝謝你的嘗試,但這對我也不起作用。我設法通過使用負邊距和固定px寬度來實現,但它不是精確居中的,並且不會以我需要的方式動態響應。 – user826902