在IE裡消失的格子

如果你建立一個表格,其中一個格子(<td></td>)裡面沒有任何資料,那你會發現在IE底下那個格子的格線消失了。即使你使用css設定也沒有用,因為如果你格子裡面沒有東西,IE就會把那個<td></td>當做不存在。

解決方式是塞一個&nbsp;在裡面:

<td>&nbsp;</td>

有趣的是某些教學文件指出「大多數的瀏覽器」在<td></td>裡面沒有東西的時候是不會顯示出格子的(是什麼年代的事情呀?),但是我自己實驗的結果是Safari、Firefox、Opera都是會顯示的。所以目前的狀況是,只有IE會遇到這個問題。

更糟糕的是,其實css裡面有empty-cells這個屬性可以設定。你可以用show或者是hide來決定當<td></td>裡面是空的時候這個格子要不要顯示,但是問題是,目前的主流瀏覽器中,就只有IE不支援

This entry was posted in IE Sucks!. Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*