WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:フォームのレイアウト(余分なスペース)

0:[投稿] クリター [2003/04/20 06:01 ][環境:IE、NS、Opera ]

フォームの中にテーブルを入れてレイアウトを作っているのですが、なぜかフォームオブジェクトの下に2,3行分ほどのスペースが出来てしまうのですがそれは仕方のないことなんでしょうか?Operaでは大丈夫なのですがIEとネットスケープでは余分なスペースが出来てしまいます。そのスペースを取り除く方法を知ってる人がいたら教えてください。


1:[回答] 平野 敬 [MAIL] [URL] [2003/04/20 07:51 ]

ソースを見てみないと何とも言えませんが、とりあえずCSSで間隔調整してみてはいかがでしょう。


2:[質問] クリター [2003/04/20 13:36 ]

間隔調節と言うよりも、例えば一行のテキストフィールドを高さ20ピクセルのテーブルデータに収めてフォームタグを閉じて、そのテーブルデータの真下にスペースを開けずに新しいテーブルデータを作るということがしたいのですがなぜかスペースが空いてしまうんです。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
</head>

<body>
<table width="600" border="0" cellspacing="0" cellpadding="0">
 <tr>
   <td height="20"><form name="form1" method="post" action="">
       <input type="text" name="textfield">
     </form></td>
 </tr>
 <tr>
   <td>この文章をテキストフィールドのすぐ真下に入れたいのですがIEとNSのブラウザで確認すると一行分ほどのスペースが出来てしまうんです。Operaではすぐ真下に表示されます。</td>
 </tr>
</table>
</body>
</html>


このスペースを取り除きたいんですがなにか方法があるんでしょうか?わかる人教えてください。


3:[回答] 平野 敬 [MAIL] [URL] [2003/04/20 14:59 ]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html lang="ja">

<head>
    <meta http-equiv="content-type" content="text/html; charset=shift_jis">
    <meta http-equiv="content-style-type" content="text/css">
    <title lang="en">Untitled Document</title>
    <style type="text/css"><!--
        table{width:600px}
        td{padding:0}
        form,td p{margin:0; padding:0}
        td#input-cell{height:20px}
    --></style>
</head>

<body>

<table summary="">
    <tbody>
        <tr>
            <td id="input-cell">
                <form name="form1" method="post" action="">
                    <p><input type="text" name="textfield"></p>
                </form>
            </td>
        </tr>
        <tr>
            <td>
                <p>この文章をテキストフィールドのすぐ真下に入れたいのですがIEとNSのブラウザで確認すると一行分ほどのスペースが出来てしまうんです。Operaではすぐ真下に表示されます。</p>
            </td>
        </tr>
    </tbody>
</table>

</body>

</html>


4:[完了] クリター [2003/04/21 01:40 ]

ありがとうございます。さっそく試してみます。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World