当IE不正确时，Firefox显示一个表格

Question

这是不应该在 Firefox 中显示的表格开头部分的代码

<FORM Name='Main' METHOD=POST><!--    DISPLAY PAY PERIOD DETAIL WEEKLY VIEW --><span align='center' id='spanDetails'
               style='display:none'><TABLE
align='center' BORDER=1 CELLPADDING=4 CELLSPACING=0 CLASS=cTable>
<TR>
<th CLASS=TH1 align='center' valign='top' colspan='6'>Pay Period Detailss</th>
<th CLASS=TH1 align='center' valign='top'>
<style type="text/css">.myLayersClass {
position: relative;
display: table;
}</style>
<span id='spanHideDetails' class='myLayersClass' style='display: table'><a
href='javascript:if (typeof(document.forms["Main"]["showtb"])=="object"){ SetDetailSpanStatus(document.forms["Main"]["showtb"],0);}ToggleDisplay("spanDetails", "");javascript:ToggleDisplay("spanPPDates", "TsLinks");'>Hide</a></span>
</th>
</tr>
<tr>
<TH ALIGN='center' valign='center'>Date</TH>
<TH ALIGN='center' valign='center'>Duration</TH>
<TH ALIGN='center' valign='center'>Title Code/<br>Pay Code</TH>
<TH ALIGN='center' valign='center'>Project/<br>Enterprise Project</TH>
<TH ALIGN='center' valign='center'>FAU Title/<br>Shift</TH>
<TH ALIGN='center' valign='center'>Message</TH>
<TH ALIGN='center' valign='center'>View</TH>
</tr>
<tr CLASS='bottom'>

Answer 1

它可能只是与整个桌子周围的<span>display: none;有关。

它在浏览器之间行为异常的原因通常是由无效的HTML引起的。在 HTML5 以外的所有 HTML 版本中，<table>位于<span>内是无效的。因此，一些浏览器会接受它，有些浏览器会把桌子踢出<span>，留下一个空的、不可见的跨度，外面有一个大桌子。

结论：

• 使用<div>
• 验证您的 HTML。