これをテーブルタグからdivタグに変換する方法

私はdivに変換したい非常に単純なテーブルを用意しています。私はこれで運がない。ここでこれをテーブルタグからdivタグに変換する方法

は私のページです：http://jsbin.com/equfo

基本的に私は私がボタンを手でテーブルの中央に表示したい場所をこれらのようなテーブルを持っていることの疲れているので、div要素に変換します。私はタグを使用しているからです。中央は決してTABLEの中間ではなく、代わりにTDタグの中央です。

出典

2009-05-12 Anonymous

これはdivの方が適していますが、簡単に代わりにテーブルからボタンを移動し、text-align：そのdivの中に置くだけです。

出典

2009-05-12 17:39:39

そのようにボタンは赤い穴あけの外側にあります。私はそれがまだ国境の内側にあることを望む –

ボタンには<TD colspan="2">が必要です。テーブルの中央に表示されます。あなたのテーブルの列が増えている場合は、適切にcolspanを増やしてください。

これをDIVで表示するには、

<div class="searchTable"> 
    <span>Enter SSN</span> 
    <div class="odd"> 
    <span class="label">Enter Social Security <u>N</u>umber</b></span> 
    <input type="text" id="SearchFormerTenant_ssn1"/>- 
    <input type="text" id="SearchFormerTenant_ssn1"/>- 
    <input type="text" id="SearchFormerTenant_ssn1"/> 
    </div> 
    <div class="even" style="width: 100%; text-align:center;"> 
    <input type="submit" id="SearchFormerTenant_0" value="Get Information"/> 
    </div> 
</div>

出典

2009-05-12 17:44:41

この特定の問題を解決したいのですか、またはCSSポジショニングを学習しますか？

簡単な解決策が必要な場合は、Daveが頭に釘を打っています。あなたが詳細を知りたい場合は、これらのチュートリアルを始めるより悪い行うことができます：

http://www.barelyfitz.com/screencast/html-training/css/positioning/

http://www.brainjar.com/css/positioning/

intertubesに彼らにもっとたくさん彼らのようながあります。そして、具体的なレイアウトを形成するために連動したものがあります。

http://www.webcredible.co.uk/user-friendly-resources/css/css-forms.shtml

http://designshack.co.uk/articles/10-css-form-examples

それは複雑ではないのですが、簡単にここで説明することができますよりも、それまで存在し、より。

これが役に立ちます。

出典