表格高度在IE與Firefox不一樣

如果你在寫網頁時用到了表格,在table的屬性設定了cellpadding=”0″,你可能會期望格子的邊框是緊貼著格子內的文字。

但是如果<td></td> 的文字是包在<p></p>之中的,例如這樣:

<table>
<tr>
<td><p>內容文字</p></td>
<td><p>內容文字</p></td>
</tr>
<tr>
<td><p>內容文字</p></td>
<td><p>內容文字</p></td>
</tr>
</table>

這時候IE跟Firefox的解釋就不一樣了。Firefox認為<p></p> 是上下是要有間隔的,間隔之外才跟邊框的距離為0,但是IE則是直接就把<p></p>當做不存在,讓文字跟格子0距離了。

解決方式就是把<p></p>拿掉,或是不要用cellpadding屬性了,外觀的設計都應該用css來設定才是。

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 *

*
*