- 締切済み
IE が言うことを聞かない
ボックスの高さを指定してその中にフォームのウィジェット？(入力欄やボタン) を配置すると、IE6.x だけボックスの高さが異常に大きくなってしまいます。 よろしくお願いします。
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- steel_gray
- ベストアンサー率66% (1052/1578)
フォームの部品というより<form>がブラウザの初期スタイルとしてマージンがとられますが、その事でしょうか？（サンプルコードの上段の例） YESならばformとtableの入れ子関係を変更する（サンプル中段）とか、スタイルシートでマージンを指定する（サンプル下段）などの対処方法があります。 NOならばサンプルの中段通り、普通に書けば異常な高さという状況にならないので、やはり実例のコードを補足してもらわないとわかりません。 サンプル <html><head><title>formとtable</title></head> <body> <table border><tr> <td height="40"><form><input ></form></td> </tr></table> <form> <table border><tr><td height="40"><input ></td></tr></table> </form> <table border><tr> <td height="40"><form style="margin:0;"><input ></form></td> </tr></table> </body> </html>
- 345itati
- ベストアンサー率48% (795/1639)
ヒント IEのCSSバグリスト→http://cssbug.at.infoseek.co.jp/detail/winie.html CSSやHTMLの具体的な記述を教えて頂ければ、どう修正すればいいか分る方の助言が聞けると思いますが。
お礼
他の場所に質問したいので、いったん閉じさせてください。
補足
そのサイトは知っていますが、この問題はその中にないようです。 > CSSやHTMLの具体的な記述を教えて頂ければ CSS なしでテーブルのセルの高さを指定しても、その中にフォームの入力欄やボタンを入れれば、セル高が異常に大きくなります。つまり、おそらく一般的に起きるのではないかと思っています。入力欄やボタンの高さに比べてかなり高くなるので、どうしたものだろうと思います。
お礼
幅自動・高さ 24 画素を指定したセルの中に単行テキスト入力欄とボタンを横並びに入れたら、セルの高さが 56 画素くらいになりました。 他の UA では 24 画素くらいで表示されています。
補足
> サンプルコードの上段の例 どこのことでしょうか。 セルは上下ピッタリとなりません。 必ず上下にテキスト欄やボタンの高さくらいの余分の高さを取ってしまいます。 そもそも CSS を使わないでも表組みでもなってしまうので、とりあえず CSS を使わない時点では解法があるのでしょうか。