Таблицы HTML бок о бок (нужно их укладывать)

Мои столы накладываются друг на друга отлично, если они не получают 100 или около того строк, и в этом случае они выравниваются рядом с IE 10. Мне они нужны всегда стек. Они в порядке или Firefox и на некоторых установках IE 10. Как заставить их всегда стекать независимо от браузера?Таблицы HTML бок о бок (нужно их укладывать)

<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>

источник

2013-06-09 buttonsrtoys

Вместо этого пустого пункта beween таблиц вы можете попробовать добавить

<br style="clear:both"/>

источник

2013-06-09 17:16:33

Как вы используете поплавок свойства. Вам нужно разбить следующий элемент на новую строку, используйте:

table {clear: both;}

или поставить <br/> тег между таблицами.

источник

2013-06-09 17:18:48

Просто удалите атрибуты float="left" clear="left" на тегах table, и со всеми будет все в порядке. float и clear не являются действительными свойствами таблиц.

источник

2013-06-09 17:19:49 marlenunez

Добавить обе таблицы в таблице

как

 <Table id="main"> 

    <tr> 
    <td> 
     <Table id=1> </table> 
    </td> 
    <td> 
    <Table id=2> </table> 
    </td> 
    </tr> 
    </table>

источник

2013-06-09 17:20:07

Таблицы HTML бок о бок (нужно их укладывать)

ответ

Смежные вопросы