0

私のテーブルは、100行ほどの行を取得しない限り、互いにうまく積み重ねられます。その場合、IE 10で並べて配置されます。常に積み重ねる必要があります。それらは問題なく、または Firefox であり、IE 10 の一部のインストールでは問題ありません。ブラウザーに関係なく常にスタックするようにするにはどうすればよいですか?

<html>
<head>
    <title>Test Project 1</title>
</head>
<body>
    <h2 style="text-align: center;">
        Test Project 1</h2>
    <h3 style="text-align: center;">
        2013-06-09 10:08</h3>
    <table float="left" clear="left" align="left" border="0" cellpadding="1" cellspacing="1" width="728" style="font-family:arial,helvetica,sans-serif;font-size: 12px;">
        <tbody>
            <tr>
                <th scope="col">
                    RFI
                    <hr />
                </th>
                <th scope="col">
                    Description
                    <hr />
                </th>
                <th scope="col">
                    Rec&#39;d
                    <hr />
                </th>
                <th scope="col">
                    Due
                    <hr />
                </th>
                <th scope="col">
                    Issued
                    <hr />
                </th>
                <th scope="col">
                    Age
                    <hr />
                </th>
            </tr>
        </tbody>
    </table>
    <p>
        &nbsp;</p>
    <table float="left" clear="left" align="left" border="0" cellpadding="1" cellspacing="1" width="728" style="font-family:arial,helvetica,sans-serif;font-size: 12px;">
        <tbody>
            <tr>
                <th scope="col">
                    CCO
                    <hr />
                </th>
                <th scope="col">
                    Description
                    <hr />
                </th>
                <th scope="col">
                    Rec&#39;d
                    <hr />
                </th>
                <th scope="col">
                    Due
                    <hr />
                </th>
                <th scope="col">
                    Issued
                    <hr />
                </th>
                <th scope="col">
                    Age
                    <hr />
                </th>
            </tr>
        </tbody>
    </table>
</body>
</html>
4

4 に答える 4

0

float プロパティを使用しているため。次の要素を新しい行に分割する必要があります。次を使用します。

table {clear: both;}

または<br/>テーブルの間にタグを置きます。

于 2013-06-09T17:18:48.620 に答える
0

テーブル間の空の段落の代わりに、追加してみることができます

<br style="clear:both"/>
于 2013-06-09T17:16:33.780 に答える
0

float="left" clear="left"タグの属性を削除するだけtableで問題ありません。floatテーブルの有効なプロパティでさえありclearません。

于 2013-06-09T17:19:49.760 に答える
0

両方のテーブルをテーブルに追加します

お気に入り

      <Table id="main">

   <tr>
    <td>
      <Table id=1> </table>
   </td>
   <td> 
     <Table id=2> </table>
   </td>
     </tr>
   </table>
于 2013-06-09T17:20:07.970 に答える