ｈｔｍｌで成形したフォームにPHPを組み込むとテキストがおかしくなります

質問

検索仕方が下手なせいなのか思った回答が探せませんでした。
それでお恥ずかしいのですが、皆さまのお力をお借りしたいと思います。

htmlでフォームを作った後、プログラマーさんがPHPを組み込んだのですが、その際IE6（7では確認してません）で<input>タグに囲まれていないテキストがおかしな表示になります。

おかしなというのは<input type="text">で表示された部分の幅と同じくらいの幅でテキストが折り返してしまうという状態です。
↓このような状態です
－－－－－－－－－－－－－　　　　
｜　テキストボックス　　　　　　｜　
－－－－－－－－－－－－－　　　
あいうえおかきくけこさしすせ
そたちつてとなにぬねのはひふ
へほ

SafariやFirefoxではちゃんとほどよい幅で折り返してます。
↓Safari・Firefox
－－－－－－－－－－－－－　　　　
｜　テキストボックス　　　　　　｜　
－－－－－－－－－－－－－　　　
あいうえおかきくけこさしすせそたちつてとなにぬねの
はひふへほ

htmlの組み方がおかしいからだとプログラマーさんから修正依頼をされましたが普通にhtmlで作成しただけで特に特殊なことをした訳ではありません。
強いて言う変化といえばテーブルを使わずにデザインしてあったものをプログラマーさんがテーブルタグの中にそれらを入れてしまったことでしょうか。
プログラムを使ったフォームは初めて扱うのでよく分かりません。
みなさま対処方法をお教えください。よろしくお願いします。

回答No.2

STICKY2006

こんちくは。

近い立場でプログラマーさんな自分です・ｗ・)y-~~

>>htmlの組み方がおかしいからだとプログラマーさんから修正依頼をされましたが

ちょっとその言い方が気に食わなかったもので。。。＠ｗ＠
ギャフンといわせられるように原因追求原因追求。。。

さて。

>>強いて言う変化といえばテーブルを使わずにデザインしてあったものをプログラマーさんがテーブルタグの中にそれらを入れてしまったことでしょうか。

もしこれが原因なら、上の態度が気に入らないとかでこっぴどく当たってくださいｗ

対処方法。

テーブルが原因かどうか判別。

<table>
<tr>
<td>
<input type ="text">テキストボックスです。<BR>
あいうえおかきくけこさしすせそなにぬねの。。。
</td>
</tr>
</table>

こんな感じで、「<td>～</td>」の中に、テキストボックスと、該当の文字が入ってれば、なりますね。

<table>
のタグを
<table border ="1">
に置き換える、または、「border ="1"」を、<table>タグの中に追記することで、テーブルの枠線が表示されるので、もっと分かりやすくなるかと思います。

まぁ。。。あくまで推測なんで、上のようになっているかどうかは分かりませんけどね。。。

該当部分であろう箇所のHTMLソースの提示があれば、もっと突っ込んで回答できるかと思いますよ。

。。。自分も、１番さん同様、ホントにその追加をプログラマさんがしてるなら、必要のないものだったんじゃ？といいたい感じのことですねぇ(´・ω・`)

お礼

回答ありがとうございます。

テキストボックスと一緒に・・・入ってました。
まさにご記入くださったのような状態です。

【ソース：一部抜粋】
<h4 id="aaa">お申込みフォーム</h4>
<div id="bbb">
<form name="frmInput" method="post" action="shop_confirm.php">
<table border="0" width="500">
<tr>
<td rowspan="2" align="left"><p>商品名：</p></td>
<td><select name="selItem" class="exception">
<option>ccccccccccc（￥x,xxx 税・送料込）</option>
<option>ddddddddddd（￥x,xxx 税・送料込）</option>
<option>eeeeeeeeee（￥x,xxx 税・送料込）</option>
<option>fffffffffff（￥x,xxx 税・送料込）</option>
</select><br />
<!--☆☆問題の箇所☆☆-->※テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</td>
</tr>
<tr>
<td>氏名：</td>
<td align="left" width="400"><input type="text" name="txtName" /></td>

どこまで表示できるのか分からなかったので、とりあえず途中まで（で大丈夫だと思うので）。
元々、テキストは<p>タグでくくっていてテーブルなんて「テ」の字も存在してませんでした。
というのも私はテーブルが苦手なので…（苦笑）

>自分も、１番さん同様、ホントにその追加をプログラマさんがしてるなら、必要のないものだったんじゃ？
えええ！やっぱりですか…orz
元ファイルはhtmlとcss使って作成しているんですが、少しは崩れるかなぁと思ってフォーム自体（テキスト以外）は特にいじってなくて追加した後で細々と形成させようと思っていたんですが、予想外の事態にややパニック気味です^^;

で質問後にテーブルこっそり外してみたんですが、美しさはともかく（笑）ちゃんとIEでも問題なく表示されました。

ただ、全部のフォームがこの状態だとチョット・・・という気がしてるので出来ればテーブルでテキストがほどよく折り返せる方法をご存知でしたらご教授ください。

補足

テーブルに幅を入れてみたのは私です。
幅指定は最初はどこにもありませんでした。