0

以前にこの問題に遭遇したことはありませんが、私の td は、Firefox や Chrome と比較して IE で 3 ～ 4 倍の高さで表示されています。

<tr>
<td align="right" valign="top" style="padding:0px" scope="row"><img src="image.png" width="15" height="15"></td>            
<td width="247" height="74" align="left" valign="top" style="padding:0px" scope="row">    </td></tr>
<tr>
<td width="20" align="right" valign="top" style="padding:0px" scope="row"><img src="images.png" width="15" height="15"></td>        
<td height="39" align="left" valign="top" style="padding:0px" scope="row"></td></tr>
<tr>
<td width="20" align="right" valign="top" style="padding:0px" scope="row"><img src="image.png" width="15" height="15"></td>        
<td height="54" align="left" valign="top" style="padding:0px" scope="row"></td></tr>
<tr>
<td width="20" align="right" valign="top" style="padding:0px" scope="row"><img src="image.png" width="15" height="15"></td>        
<td align="left" valign="top" style="padding:0px" scope="row"></td>

</tr>
4

1 に答える 1

1

だから、私はhttp://jsfiddle.net/Sx6beコードをチェックアウトしました。問題は、ブラウザが残りの高さを異なる方法で配布することです。Firefox と Chrome は行を td タグで定義されている正確な高さにしますが、Internet Explorer は高さを均等に分配しようとします (表が列幅を分配するのと同じ方法)。

あなたがしなければならないことは、行スパン内にある最後の（空の）行をできるだけ高くすることです（「完全修飾のネットワーク...」の下の行）：

<tr>
    <td width="20" align="right" height="240" valign="bottom" style="padding:0px" scope="row"></td>
    <td align="left" valign="top" style="padding:0px" scope="row"></td>
</tr>

これを達成するために、高さを 240 に設定しました。

これを見てください: http://jsfiddle.net/Sx6be/5/ td の高さを 0 に変更して、問題の正確な内容を確認できます。

ただし、テーブルの高さがわかっている場合にのみ、この修正を使用できます (高さとして値を固定することしかできないため)。

<ul>より良い解決策は、パーツのテーブルの代わりにソートされていないリストを使用することKey Benefitsです。

テーブルベースのレイアウトは非常に時代遅れです。あなたは本当にそれを使用することを避けるべきです.今ではその理由を知っているはずです.

于 2013-07-29T12:13:02.907 に答える