表格邊框在Chrome和IE瀏覽器中不一樣

我的網站http://www.matejkadesign.com在Chrome，IE和Firefox中顯示一致樣式的外部表格邊框時遇到問題。我想要的樣式是在Chrome中，但在其他兩種瀏覽器中都不同。我尋找修復但沒有找到。我不用CSS來設計我的表格，我用html這樣做：表格邊框在Chrome和IE瀏覽器中不一樣

<table align="center" cellspacing="5" cellpadding="5" border="4" bordercolor="#3c2610" width="310px" >

這似乎產生了三種不同的效果。我如何在Firefox和IE中使樣式與Chrome一樣？

來源

2013-03-09 mateikav

請解釋什麼是無法正確顯示？ – Starx 2013-03-09 23:04:29

使用CSS指定確切的出現。當你使用這樣的舊屬性時，你將會受到瀏覽器默認樣式的限制，而不能使用邊界類型。 – prodigitalson 2013-03-09 23:08:29

謝謝。我切換到CSS樣式，並且我的問題已修復 – mateikav 2013-03-09 23:31:13

有什麼特別的爲什麼你需要使用內聯樣式？

您可以通過爲table以及td標籤定義確切的border樣式來修復這些行爲，通過這樣做可以防止瀏覽器應用自己的樣式。

試試這個：

table { 
    border: 4px solid #3C2610; 
} 

td { 
    border: 1px solid #3C2610; 
}

來源

2013-03-09 23:20:34 Ninetou

這解決了我的問題完美。 – mateikav 2013-03-09 23:27:30

你有一個HTML 之前您的文檔類型，這將觸發IE進入怪癖模式（相當於IE5）。 IE基本上解析你的文檔，就好像它沒有文檔類型一樣。 <!DOCTYPE html>

其次，您使用的是HTML 4.01中不推薦使用的表格屬性，但您在技術上已經聲明瞭HTML 5文檔類型。這兩個原因很可能解釋了瀏覽器之間的差異。

您還在使用過時的align整個網站的屬性幾次..如果你堅持要用HTML至少4.01屬性改變你的doctype與之相匹配的：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

來源

2013-03-09 23:08:47 Adrift

本來，我聲明HTML5是因爲我使用了一些HTML5功能。我想我最好爲了安全而宣佈它。當我使用已棄用的元素時，這可能不是必要的嗎？ – mateikav 2013-03-09 23:30:27

表格邊框在Chrome和IE瀏覽器中不一樣

回答

相關問題