2012-01-16 95 views
0

我一直在開發這個網站一段時間,今天突然發現我的瀏覽器上的水平滾動條顯示並且允許網站滾動幾英寸到右側,所有這些都只包含空格。網頁水平滾動只有空白到右邊

它在幾頁上這樣做,但不是全部。

這裏是我有問題的網頁 - http://www.princewebdesigns.com/staging/gallais/our-firm.html

這裏是我沒有問題的網頁 - http://www.princewebdesigns.com/staging/gallais/index.html

我試着調試的螢火,但我不能找到導致頁面變寬的任何div或元素。這可能與浮動有關嗎?這似乎是所有瀏覽器中的問題。

任何幫助,將不勝感激。

PS - 我知道導航鏈接無法正常工作,這是因爲我暫時將站點安置在Web服務器的暫存目錄中。

回答

1

css類.bluebar h1有一個屬性width: 70em;

EM不應該被用來定義元素的寬度。您的瀏覽器將h1計算爲28px的字體大小,這使得.bluebar 28 x 70 = 1960px寬。有關em和其他css單元的適當補充,請參閱w3schools

Firebug和Dragonfly都允許您懸停頁面。這是Dragonfly中的默認行爲。在Firebug中,您可以通過單擊螢幕窗口左上角的箭頭按鈕將其打開。這樣你可以很快找到元素。

+0

的伎倆謝謝!!!! – jprince 2012-01-17 00:13:25

0

問題是這樣的一位:

<div class="bluebar"> 

如果更改爲<div class="banner">然後它好(但顯然你現在有背景圖形在進一步的檢查我看到...哦掛在......在這裏重複的答案是沒有意義的

編輯:好的,我耗時過長回答這個 - 笑給本傑明答案信貸