Safari瀏覽器/ Opera/Chrome中的1px「padding」

我一直在尋找這方面的信息，並且我看到很多類似的問題（百分比寬度計算問題，填充問題，相反方向的浮動，Safari + Chrome問題，等），但我沒有試過似乎修復這一個。Safari瀏覽器/ Opera/Chrome中的1px「padding」

我的內容區域和我的導航欄之間有一個神祕的1px垂直空間，用於在Safari，Opera和Chrome中高度部分的頁面。它可以在FF和IE上正常工作，沒有空間。

這是網頁： http://the-polyglot.net/uploads/problem_site/

我真的是低效率的，多餘的，無組織的凌亂的樣式表，我還沒有清理道歉 - 我只是把它處於休眠狀態數年後再次拿起這本網站在我發現這個問題之前，我正要經歷和清理。

最相關的選擇器是#right_navbar，#reg_content（文本區域）和#main_content（容器）。如果您檢查Opera的檢查員，該空間似乎與#main_content管轄的區域一致，但我不知道爲什麼。我可以通過將padding-left: 1px;應用於#right_navbar來解決Opera/Safari/Chrome中的問題...但是隨後會在所有其他瀏覽器中打破整個佈局。

我會很感激任何幫助。謝謝。

來源

2012-07-20 Crazed

的空間是在Chrome太順便說一句刪除background-color。 – j08691 2012-07-20 02:58:35

我的不好 - 你是對的。我必須在Chrome上檢查它，而我在樣式表中「修復」並忘記它仍然不正確。我會編輯。謝謝。 – Crazed 2012-07-20 03:10:43

的ID #main_content

#main_content { 
    min-height: 630px; 
    /*background-color: #D1EBF8;*/ 
}

來源

2012-07-20 03:32:48

工作正常！非常感謝！ – Crazed 2012-07-20 03:37:08

Safari瀏覽器/ Opera/Chrome中的1px「padding」

回答

相關問題