2012-11-13 64 views
1

在本網站完成之前,曾在本網站工作的開發人員離開了我們的公司。現在他已經離開了,我正在努力清理代碼並擺脫一些錯誤 - 但是,代碼在某些時候非常混亂。Chrome上面的大白色差距

Here is a screenshot of the problem(Chrome的左,火狐右):

enter image description here

The website in question

我如何刪除這個差距?

+1

看起來像你有一些驗證錯誤,你應該清理一個:http://validator.w3.org/check?verbose=1&uri=http://174.132.149.157/~hslprope/ –

+1

這樣的現代之間的差異常見佈局/定位的瀏覽器通常會在某處顯示某些格式不正確的代碼。你應該通過代碼,並清理它。 –

+1

^^確實。在開始擺弄CSS以嘗試在Chrome上正常顯示之前,請確保它全部有效,然後,如果問題仍然存在,請開始擺弄代碼。# – Lodder

回答

0

我把一個絕對位置在「查找財產」模塊上,並在容器上放置相對位置。似乎在Chrome和Firefox中運行良好,但不是IE(所有版本)。

因此,我將模塊上的位置更改爲Relative,它似乎在所有瀏覽器中正確顯示。

這不是最好的解決方案,但它會做,直到我有一段時間完全重新編碼它。

0

試試這個:

width:1000px; 
margin:0 auto; 
position: absolute; 
left: 450px; 

哪個應該停止佔用頁面上的任何空間,但是不瘋狂了左側(在本solution

+0

我不認爲'浮動:左'在這裏會有任何效果...... –

+0

哦,你是對的 - 這是在Chrome瀏覽器中的Web Inspector中玩耍時留下的。我會更新它。 – Alfo

+0

使用'left:450px'可以使盒子在不同的屏幕寬度上遍佈整個地方。 – Lodder