-2

フォーム内でテーブルを中央に配置しようとしていて、つまずきに遭遇しました。私は最終的にテーブルを1行にしましたが、成功せずに中央に配置する必要があります。display: none があるという事実から問題が始まるかどうかはわかりません。これで私を助けてください。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Language" content="en"/>

<style type="text/css">

table { border: 1px solid white; width: 100%; }

#tabler1
{
border: 1px solid cyan;
width: 30%;
float: left;
}

#tabler2
{
border: 1px solid yellow;
width: 30%;
float: left;
}

#tabler3
{
border: 1px solid blue;
width: 30%;
float: left;
}

</style>
<title>Test Page</title>
</head>

<body>

         <form method="POST" action="--WEBBOT-SELF--">

               <table border="1" width="100%" bordercolor="#008000" id="table1">
                  <tr>
                     <td>
                        <input type=button VALUE="ADVANCED SEARCH">
                     </td>
                  </tr>

                     <tr>
                        <td id="tabler1">
                           <table width="100%" name="police_response1" >
                                 <tr>
                                    <th colspan="2">Table1</th>
                                 </tr> 
                                 <td>&nbspFIELD TEXT11</td>
                                 <td>
                                    <select size="1" name="D1">
                                       <option value="NONE">NONE</option>
                                       <option value="ONE">ONE</option>
                                       <option value="TWO">TWO</option>
                                       <option>THREE</option>
                                    </select>
                                 </td>

                              <tr> 
                                 <td>&nbspFIELD TEXT12</td>
                                 <td>
                                    <select size="1" name="D1">
                                       <option value="NONE">NONE</option>
                                       <option value="ONE">ONE</option>
                                       <option value="TWO">TWO</option>
                                       <option>THREE</option>
                                    </select>
                                 </td>
                              </tr>
                              <tr> 
                                 <td>&nbspFIELD TEXT13</td>
                                 <td>
                                    <select size="1" name="D1">
                                       <option value="NONE">NONE</option>
                                       <option value="ONE">ONE</option>
                                       <option value="TWO">TWO</option>
                                       <option>THREE</option>
                                    </select>
                                 </td>
                              </tr> 
                           </table> 
                        </td>

                        <td id="tabler2">
                           <table width="100%" name="police_response1" >
                                 <tr>
                                    <th colspan="2">Table2</th>
                                 </tr> 
                                 <td>&nbspFIELD TEXT21</td>
                                 <td>
                                    <select size="1" name="D1">
                                       <option value="NONE">NONE</option>
                                       <option value="ONE">ONE</option>
                                       <option value="TWO">TWO</option>
                                       <option>THREE</option>
                                    </select>
                                 </td>

                              <tr> 
                                 <td>&nbspFIELD TEXT22</td>
                                 <td>
                                    <select size="1" name="D1">
                                       <option value="NONE">NONE</option>
                                       <option value="ONE">ONE</option>
                                       <option value="TWO">TWO</option>
                                       <option>THREE</option>
                                    </select>
                                 </td>
                              </tr>
                              <tr> 
                                 <td>&nbspFIELD TEXT23</td>
                                 <td>
                                    <select size="1" name="D1">
                                       <option value="NONE">NONE</option>
                                       <option value="ONE">ONE</option>
                                       <option value="TWO">TWO</option>
                                       <option>THREE</option>
                                    </select>
                                 </td>
                              </tr> 
                           </table> 
                        </td>

                        <td id="tabler3">
                           <table width="100%" name="police_response1" >
                                 <tr>
                                    <th colspan="2">Table3</th>
                                 </tr>  
                                 <td>&nbspFIELD TEXT31</td>
                                 <td>
                                    <select size="1" name="D1">
                                       <option value="NONE">NONE</option>
                                       <option value="ONE">ONE</option>
                                       <option value="TWO">TWO</option>
                                       <option>THREE</option>
                                    </select>
                                 </td>

                              <tr> 
                                 <td>&nbspFIELD TEXT32</td>
                                 <td>
                                    <select size="1" name="D1">
                                       <option value="NONE">NONE</option>
                                       <option value="ONE">ONE</option>
                                       <option value="TWO">TWO</option>
                                       <option>THREE</option>
                                    </select>
                                 </td>
                              </tr>
                              <tr> 
                                 <td>&nbspFIELD TEXT33</td>
                                 <td>
                                    <select size="1" name="D1">
                                       <option value="NONE">NONE</option>
                                       <option value="ONE">ONE</option>
                                       <option value="TWO">TWO</option>
                                       <option>THREE</option>
                                    </select>
                                 </td>
                              </tr> 
                           </table> 
                        </td>
                     </tr>

               </table>

               <div style="clear:both;"></div>

         </form>


</body></html>

http://jsfiddle.net/pepelepe/CyqBn/5/

4

1 に答える 1