0

テーブルを含む HTML ページがあります。問題は、IE-8<td>では正しくレンダリングされますが、FireFox 20.0.1 では正しくレンダリングされないテーブルの高さです。

私は自分自身、特に IE に関しては FireFox のファンです :) とにかく、<td>「bottom」という単語を含む の高さを 30px (または 10%; 違いはありません) に設定し、上部<td>を 90% に設定しました。

<td>right のコンテンツを減らすと、FireFoxで下の高さが正しく表示<td>されますが、right にテキスト行を追加すると<td>、FireFox では (一番下の) 誤って (非常に大きく) 表示され、IE では正常に表示されます。

私のコードの何が問題なのですか、または FireFox の可能性はほとんどありませんか? :) つまり、底の高さを常に<td>30px に保ちたいということです。これが私のコードです：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Agent</title>
        <style>
          html, body { height: 100% }
        </style>        
    </head>
    <body>
        <table border="1" cellspacing="0" cellpadding="0" width="100%" height="100%">
            <tr >
                <td id=properties width="20%" height="90%">
                 top
                </td>
                <td id=step rowspan="2" width="80%" >
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                </td>
            </tr>
            <tr >
                <td width="20%" height="30px">
                    bottom
                </td>
            </tr>
        </table>
    </body>

</html>
4

1 に答える 1

0

30pxheightの属性の有効な値ではありませんtd。また、

高さ属性は HTML5 ではサポートされていません。代わりに CSS を使用してください。

どちらかを試すことができます (HTML)

<td width="20%" height="30">

またはCSS

<td style="width:20%;height:30px">

構文は

<td height="pixels|%">

ソース

于 2013-05-13T07:17:32.663 に答える