0

この中の表divが右にひどくずれている理由は、私にはまったくわかりません。

<div id="proof_check" style="position:relative; width:577px;  padding:10px; padding-bottom:0px;padding-top:0px; border:3px solid #ccc;  background-color:#fff; z-index:0"> 
<table><tr><td></td><td style='vertical-align:top; padding-left:5px;'><span style='font-weight:bold; color: #295BA7;'>Proof Approval</span><br /></td></tr><tr><td><input type='checkbox' id='proof-approved'></td><td style='vertical-align:top;padding-left:5px;'>I approve of the above design, spelling and layout and understand that my document will print as it appears above and that after placing my order, it cannot be changed.</td></tr><tr valign=bottom><td colspan='2'></td>
</tr>
</table>
</div>

これは、次のようになります。

ここに画像の説明を入力

いったいなぜ、div の左側ではなく真ん中から始まるのでしょうか?

4

3 に答える 3

0

テーブルの列「td」にコルスパンまたは幅を指定していません。したがって、テーブル行 'tr' を 2 つの等しい部分に分割しました。

次のような colspan 要素を指定します。

<TABLE STYLE="table-layout:fixed;">
  <COLSPAN>
   <COL width="5%"/>
   <COL width="95%">
  </COLSPAN>
  ....rest of the code goes here...
</TABLE>

最初の列は常に 5% で、2 番目の列は 95% の幅を占めます。

それが役立つことを願っています

于 2013-07-03T10:59:35.940 に答える
0

コードは問題ないようです。私が確認できた唯一の問題は、proof_check div の「position:relative」でした。親 div が問題を引き起こしている可能性があります。「position:absolute」に変更してください。問題が解決することを願っています!

于 2013-07-03T11:03:42.637 に答える
0

これは、最初のテーブル セル (チェッカー ボックスを使用) の幅を定義していないためです。その幅を設定すると、うまくいくはずです...または、テーブルではなくdivで行います。

于 2013-07-03T11:04:29.523 に答える