下記のhtmlを表示すると、
ミドルウェアの表だけズレてしまいます。
OSや言語の表と揃えて表示させたいです。
どのようにすればよいでしょうか?
<!-- ***HTML*** --> <html> <!-- ***header*** --> <head> <title>技術要素登録・変更画面</title> </head> <!-- ***body*** --> <body> <!-- ※ 共通ヘッダ ※ --> <div align="center" style="padding: 10px; margin-top: 10px; border: 1px dashed #333333;"> 共通ヘッダ</div>
</body> </html><!-- 戻るボタンの配置 --> <table align="left"> <tr> <form action="backlist.do"> <td><input type="submit" value="戻る" style="WIDTH: 70px; HEIGHT: 25px; margin-top: 20px;"></td> </form> </tr> </table> <!-- ***table(技術要素登録・変更)*** --> <!-- 枠線の配置 --> <div style="border-style: solid; border-width: 1px; padding: 30px 50px 300px 50px; margin-top: 70px; margin-right; 5 px; margin-left: 5px;"> <!-- OSについての表 --> <table align="left" border=1 cellpadding="12"> <caption> <A Href="http://www.yahoo.co.jp/">OS</A> </caption> <col width="200"> <col width="400"> <tr style="background-color: #00ffff"> <th>技術名</th> <th>備考</th> </tr> <tr> <td align="left">Windows</td> <td><input type="text" name="windows" style="width: 300px; height: 15px;" size="21" value="Windows 7"></td> </tr> <tr> <td align="left">Linux</td> <td><input type="text" name="linux" style="width: 300px; height: 15px;" size="21" value="SUSE Linux Enterprise 9"></td> </tr> </table> <!-- DBについての表 --> <table align="center" border=1 cellpadding="12"> <caption> <A Href="http://www.yahoo.co.jp/">DB</A> </caption> <col width="200"> <col width="400"> <tr style="background-color: #00ffff"> <th>技術名</th> <th>備考</th> </tr> <td align="left">SQL Server</td> <td><input type="text" name="windows" style="width: 300px; height: 15px;" size="21" value="SQL Server 2014"></td> </tr> <tr> <td align="left">Oracle</td> <td><input type="text" name="linux" style="width: 300px; height: 15px;" size="21" value="Oracle 9i"></td> </tr> </table> <!-- 言語についての表 --> <table align="left" border=1 cellpadding="12"> <caption> <br> <br> <A Href="http://www.yahoo.co.jp/">言語</A> </caption> <col width="200"> <col width="400"> <tr style="background-color: #00ffff"> <th>技術名</th> <th>備考</th> </tr> <tr> <td align="left">Java</td> <td><input type="text" name="java" style="width: 300px; height: 15px;" size="21" value="Java 8"></td> </tr> <tr> <td align="left">C</td> <td><input type="text" name="c" style="width: 300px; height: 15px;" size="11" value="Visual C++ 2015"></td> </tr> <tr> <td align="left">PHP</td> <td><input type="text" name="c" style="width: 300px; height: 15px;" size="11" value="PHP 5.6"></td> </tr> </table> <!-- フレームワークについての表 --> <table align="center" border=1 cellpadding="12"> <caption> <A Href="http://www.yahoo.co.jp/"><br> <br>フレームワーク</A> </caption> <col width="200"> <col width="400"> <tr style="background-color: #00ffff"> <th>技術名</th> <th>備考</th> </tr> <tr> <td align="left">Apache Struts</td> <td><input type="text" name="windows" style="width: 300px; height: 15px;" size="21" value="Struts 2"></td> </tr> <tr> <td align="left">Apache Axis</td> <td><input type="text" name="linux" style="width: 300px; height: 15px;" size="21" value="Axis 2"></td> </tr> </table> <!-- ミドルウェア・その他についての表 --> <table align="left" border=1 cellpadding="12"> <caption> <A Href="http://www.yahoo.co.jp/"><br> <br>ミドルウェア・その他</A> </caption> <col width="200"> <col width="400"> <tr style="background-color: #00ffff"> <th>技術名</th> <th>備考</th> </tr> <tr> <td align="left">Seaser</td> <td><input type="text" name="windows" style="width: 300px; height: 15px;" size="21" value="Seaser 2"></td> </tr> <tr> <td align="left">Apache POI</td> <td><input type="text" name="linux" style="width: 300px; height: 15px;" size="21" value="Apache POI"></td> </tr> </table> <!-- 登録ボタンの配置 --> <table align="left"> <tr> <br> <br> <form action="backlist.do"> <td><input type="submit" value="登録" style="WIDTH: 70px; HEIGHT: 25px; margin-top: 25px;"></td> </form> </tr> </table> </div> <!-- 戻るボタンの配置 --> <table align="left"> <tr> <form action="backlist.do"> <td><input type="submit" value="戻る" style="WIDTH: 70px; HEIGHT: 25px; margin-top: 25px;"></td> </form> </tr> </table> <!-- ※ 共通フッタ ※ --> <div align="center" style="padding: 10px; margin-top: 80px; border: 1px dashed #333333;"> 共通フッタ</div>
回答2件
あなたの回答
tips
プレビュー