[英]HTML/CSS - Issues between Firefox and Chrome, and IE
我在一個朋友的網站上工作,並且正在使用的代碼在Firefox和Chrome中顯示的方式有所不同-在Chrome中的顯示方式是我希望的顯示方式,但Firefox卻弄亂了某些內容。 如果有人對如何使其在Firefox中像在Chrome中一樣工作有任何想法,我將不勝感激。 另外,Flash元素似乎根本沒有出現在IE中...有什么想法嗎? 謝謝!!
編輯:我在IE中重新安裝了Flash Player,現在似乎可以正常工作了...
我可以看到的問題是div的“ v ..”類的“ v1”類樣式沒有在FF中呈現所需的高度。
嘗試這個:
CSS:
div.vItem {
height: 17px;
}
HTML:
<div class="v1 vItem'...</div>
<div class="v2 vItem'...</div>
<div class="v3 vItem'...</div>
.
.
.
<div class="v10 vItem'...</div>
對於Flash,我對IE6和IE8上的Flash沒有任何問題。
您的網站上發生了奇怪的事情。 您在對象標簽(閃存)中有一個我認為不允許的對象。 這可能是為什么IE8無法渲染閃光燈按鈕的問題。 也許您可以用列表ul
和li
代替al div
,這在語義上會更好,並使每個按鈕的樣式更容易。
您應該更改div
的高度,或者當替換為列表時,更改li
的高度。這將使它們更加緊湊,如chrome
您可以將代碼放入快速試用中,以查看問題是否得到解決:
1:如果您的文檔類型是嚴格的 ; 嘗試將其替換為下面的行:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2:嘗試將Eric Meyer的Reset.css添加到頂部的CSS文件中:
http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
希望能有所幫助。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.