簡體   English   中英

HTML / CSS-Firefox與Chrome和IE之間的問題

[英]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無法渲染閃光燈按鈕的問題。 也許您可以用列表ulli代替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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM