工作,我有一個頁面是這樣的:CSS子選擇器不會對IE9
<body>
<table width="100%">...</table>
<table width="100%">...</table>
<table width="100%">...</table>
<table width="100%">...</table>
</body>
我需要做的是使所有這些表85%的寬度和水平居中網頁上的內容。如果頁面是單個頁面,這很容易,但這需要在100多個頁面上工作,它們唯一共同的地方就是樣式表文件。所以我只需要用CSS來做到這一點。我無法覆蓋div中的表格或使用jquery。
我的嘗試是:
body { text-align:center; }
body > table { text-align: left; margin: 0 auto; width: 85%; }
這工作完全在Firefox和谷歌Chrome,但它似乎並沒有在IE9工作(沒有測試,但我敢肯定它不會與工作早期即版本)
我已經嘗試了很多方法,他們寫了類似的問題,但無法解決這個問題。
編輯:
的網頁的DOCTYPE是:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
我改成了:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
,它現在也工作在IE9!
更新的問題是:有沒有可能不更改文檔類型?
我敢肯定***孩子選擇器本身工作得很好。另一方面,由於'table'元素的'width'屬性,CSS'width'規則可能會被忽略。您是否嘗試從標記中移除'width =「100%」'? - 它真的不屬於那裏。 – 2011-05-17 01:49:11
嘗試過,情況並非如此。 – 2011-05-17 02:27:04
選擇器「不工作」與未應用CSS規則相比是一個非常不同的問題。 – 2011-05-17 02:29:25