Firefox向右踢表

希望我能夠清楚地解釋這一點。我有一張顯示一些圖像的表格。該表是使用PHP動態生成的。在每個瀏覽器中，表格都正確呈現並位於頁面的中心。在Firefox中，表格被完全推到頁面的右邊，滾動條顯示在頁面的底部，但是它在元素後面。Firefox向右踢表

這是表格的CSS，不知道這是否會有所幫助。

/* Portfolio Table Styles */ 

table { 
    position: relative; 
    width: 900px; 
    margin-left: auto; 
    margin-right: auto; 
} 

table td { 
    height: 150px; 
    width: 150px; 
    border-spacing: 30px; 
    padding: 10px; 
} 

table div { 
    height: 150px; 
    width: 150px; 
    overflow: hidden; 
} 

table img { 
    position: relative; 
    top: -20px; 
    left: -50px; 
    height: 300px; 

}

希望這會清除它。這是它在firefox 7.0.1中的樣子。 JSFIddle

此外，如果你註釋掉css底部的overflow-x，它會修復它。但在Firefox中沒有任何區別。

來源

2011-11-14 G_Robert

請設置一個的jsfiddle。 – Bankzilla

在FF5中看起來很好（居中，不是在屏幕右側）。 – Smamatti

對我來說也很好。你能發佈你的HTML嗎？ – nowaq

#portContent { 
    position: relative; 
    top: 20px; 
    left: 0; 
    display: block; 
    overflow-x: hidden 
    clear: both; /*add this line*/

http://jsfiddle.net/XJj5B/4/

來源

2011-11-14 22:25:07 bravedick

這個答案對我來說是一種相關的問題，如果你還在身邊，你會介意告訴我，如果你知道在Firefox上而不是在Chrome上發生這種情況的原因？你也需要Chrome的 – vcanales

（os x）。有關於浮動和他們的問題的好文章：http://css-tricks.com/all-about-floats/ – bravedick

我有一個表只推動整個頭只在Firefox，Chrome瀏覽器，Safari和IE罰款。感謝您的鏈接和答案 – vcanales

Firefox向右踢表

回答

相關問題