- ベストアンサー
画面の中央に配置しようとすると、レイアウトが崩れてしまう問題について
- ajaxを使用した住所自動入力フォームを画面の中央に配置したいが、レイアウトが崩れてしまう問題に直面しています。
- フォームを横並び配置にするためにfloatを使用しましたが、画面の中央配置ができず、縦配置になってしまいます。
- どのようにすればフォームが横並びになり、画面の中央配置ができるでしょうか？
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<div align="center">は非推奨（HTML4.01)です。 <style type="text/css"> div.exampleB table { width: 280px; margin-right: 10px; float: left; } .exampleB { width: 630px; height: 100%; margin-right:auto; margin-left:auto; text-align:center; </style> <script type="text/javascript"> <!-- // --> </script> </head> <body> <div class="exampleB"> <table width="315" height="449" border="2" align="center" cellspacing="0" bordercolor="#006633"> <tr><td> <a href="/link/moto2.html" target="_blank"></a> <img src="../image/dt_022_03.gif" alt="引越元のイラスト" width="290" height="200" /> <pre> ＜引越<strong>元</strong>住所＞ 郵便番号：（省略） 都道府県：（省略） 市区町村：（省略） 町域(大字)：（省略） 丁目番地：（省略） 建物名～号室:（省略） </pre> </td></tr> </table> <table width="315" height="449" border="2" cellspacing="0" bordercolor="#006633"> <tr><td> <a href="/link/moto2.html" target="_blank"></a> <img src="../image/dt_022_03.gif" alt="引越先のイラスト" width="290" height="200" /> <pre> ＜引越<strong>元</strong>住所＞ 郵便番号：（省略） 都道府県：（省略） 市区町村：（省略） 町域(大字)：（省略） 丁目番地：（省略） 建物名～号室:（省略） </pre> </td></tr> </table> </div> </body> でいいんじゃない。
お礼
どうもありがとうございました。結局、補足に書いた状態のままでした（汗
補足
アドバイス、どうもありがとうございます。 もっとも、このソースを参考に書き換えてみたら、ドリームウィーバー上ではきちんと左右配置になったのですが、アップロードしてブラウザ（インターネットエクスプローラー８）で確認してみたら、やはり左右配置ではなく上下配置になってしまうのです。さらに、枠の緑色が、灰色になってしまってるし、 他のところの文字も大きくしていたのが小さくなってしまったりしています（泣）