テーブルとフォームの組み方

テーブルでメールフォームなどinputを組んでいることがあるが、ブラウザによってはinputやtextareaの幅を自動で替え、レイアウトを崩すことがあるので、cssを充てて行く必要がある。

// 例
table {
 width: 100%;
}
th {
 width: 20%;
}
td {
 width: 80%;
}
td input,td textarea {
 width: 100%;
}

tableとtdのwidthがピクセルで決めているのであれば尚よし。