2012-11-05 89 views
0

我注意到,我寫的這個論壇在大多數瀏覽器中都很好,儘管在IE8中它的左邊沒有居中。居中的表格和邊距不起作用?

它的CSS是margin: auto auto,它適用於大多數瀏覽器。

我不想訴諸老式,並把align =「center」放在實際的表格屬性中。

任何人都可以解釋它嗎?

http://forum.bestlincs.co.uk/

+0

表格的寬度是否固定? –

+1

嘗試聲明例如文檔類型<!DOCTYPE html PUBLIC「 - // W3C // DTD XHTML 1.0 Transitional // EN」「http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd」> –

+0

jdwire是表是固定在900px,比利 - 我已經做到了這一點,它確實修復了它,但是現在它的間距已經很大了 – Lee

回答

2

要解決,你需要指定,像這樣一個DOCTYPE的中心問題:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

要解決您的間距問題你需要看看盒子模型。如果沒有DOCTYPE您的網站使用舊盒模型是:

width = width + border + padding 

and 

height = height + border + padding 

你需要revsisit,現在像這樣:

width = width - (border + padding) 
height = height - (border + padding) 

希望是有道理的。您應該使用上述調整頁面上的任何elemts的寬度/高度等資料覈實陣等

3

你有(或者說,當我開始寫這個答案,你)沒有文檔類型,所以IE假設網站使用佈局技術從IE 5的時代,部分模仿了瀏覽器。

添加Doctype來觸發標準模式。

的HTML 5文檔類型看起來像你的網站的最佳匹配:

<!DOCTYPE HTML> 
+0

我嘗試了上面的一個,現在它使所有的空間都更大,雖然它確實解決了中心問題 – Lee

+0

我剛剛嘗試過<!DOCTYPE HTML>,並且再次將它全部分隔開來,我希望它能像以前一樣精簡文檔 – Lee

+1

@Lee - 設置適當的邊距,填充和邊框,在樣式表中摺疊(並修復[驗證器](http://validator.w3.org/)會出現的錯誤)。你以前的間距是怪癖模式錯誤的結果。 – Quentin

0

先給表以下樣式:

table{ 
    position:relative; 
    left:-50%; 
    margin-left:450px; 
} 

是否該中心呢?