如何修復這些邊距？只有好的工作在Firefox

我在此頁面上的瀏覽器中與利潤的問題（比Firefox等）：如何修復這些邊距？只有好的工作在Firefox

這裏是CSS：

#container3 { 
    float: right; 
    margin: 0 -240px; 
    width: 100%; 
} 

#content3 { 
    margin: 0 210px 0 -45px; 
    width:500px; 
} 

#primary, #secondary { 
    left:920px; 
    overflow: hidden; 
    padding-top: 40px; 
    position:absolute; 
    width: 220px; 

}

來源

2011-05-31 MLS1984

的建立頁面一種奇怪的方式類.. 我薦最終您創造一個MAIN2 2列布局.. 離開的意見標題菜單，右，下與該內容和最近的評論DIV ..

而且，開始使用clearfix：http://www.positioniseverything.net/easyclearing.html

來源

2011-05-31 12:34:26

我固定問題在Chrome通過改變這個CSS：

#primary, #secondary { 
left: 980px; /*was 920px*/ 
overflow: hidden; 
padding-top: 40px; 
position: absolute; 
width: 220px; 
}

來源

2011-05-31 12:30:31 Kyle

嗨Kevin，感謝您的更新，但問題似乎是左對齊在Firefox和Chrome中不一致，所以940在Firefox中看起來不錯，而在Chrome中則爲980。但是有兩種方法可以做到嗎？我看到我無法使用JavaScript編寫條件語句。感謝您的幫助 – MLS1984 2011-05-31 12:39:19

如果chrome渲染的頁面沒有滾動條，可能會將頁面移動超過20個像素。看到我的答案下面爲什麼這導致事情移動。 – Samuel 2011-05-31 12:42:08

我看到你在#primary上使用絕對位置，這是基於窗口，所以當我調整窗口的「最近的評論」部分移動。因此，取決於用戶屏幕的分辨率和瀏覽器的大小，這將會移動。

添加相對於main2 div的位置。然後將#primary上的左側值更改爲右側，值爲0.這會將其保留在右側並始終位於同一位置。

#main2 { 
    position: relative; 
    ... 
} 

#primary, #secondary { 
    right: 0; 
    ... 
}

編輯：這工作的原因是當你使用position：絕對值是絕對最近的相對父元素。如果元素作爲沒有父元素的位置：相對它將對瀏覽器窗口是絕對的。希望這是有道理的。

來源

2011-05-31 12:37:35 Samuel

如何修復這些邊距？只有好的工作在Firefox

回答

相關問題