Chrome內嵌/塊問題

http://erickochphoto.com/avejoe/?page_id=14在FF和IE中呈現正常，但在Chrome中失敗。Chrome內嵌/塊問題

我正在使用清除：顯示：塊/內聯每個我能想到的地方，但我失敗了。有任何想法嗎？

#main { 
    margin: 0; 
    padding: 0; 
    width: 800px; 
    min-height: 375px; 
    background: url(images/paper.png) repeat-y; 
    display: inline; 
    float: left; 
} 
#leftBackCopy 
{ 
    display: inline; 
    margin: 0px; 
    padding: 0px; 
    background: url(images/map.png) no-repeat; 
    width: 122px;  
    height: 426px; 
    float: left; 
} 
#rightBackCopy 
{ 
    display: inline 
    margin: 0px; 
    padding: 0px; 
    background: url(images/trimCam.png) no-repeat; 
    height: 195px; 
    width: 122px; 
    float: left; 
} 
#mainHolder 
{ 
    display: block; 
    clear: both; 
    margin: 0 auto; 
    padding: 0; 
    width: 1044px; 
}

來源

2012-01-14 et23kochie

嘗試增加：

#mainHolder { 
    overflow:auto; 
    margin: 30px auto 0 auto; 
}

全部留給ither樣式不變，只是添加上面。爲我工作，希望它適合你。

來源

2012-01-14 19:14:33

溢出做到了。謝謝。 – et23kochie 2012-01-14 19:32:50

我沒去太遠，但刪除您的HTML的這一部分似乎來解決這個問題，並把東西線（在Chrome）：

<div class="menu"><ul><li ><a href="http://erickochphoto.com/avejoe/" title="Home">Home</a></li><li class="page_item page-item-14 current_page_item"><a href="http://erickochphoto.com/avejoe/?page_id=14" title="Test">Test</a></li></ul></div>

所以，也許那裏有內部衝突關於菜單類或其無序列表的CSS。

來源

2012-01-14 19:18:33 mcallinder

Chrome內嵌/塊問題

回答

相關問題