複数のテーブルを水平に揃えますか？

複数のテーブルを水平にしたい。 Firefoxでは動作しますが、Chromeでは動作しません。何か案は？私はクロームでcecked複数のテーブルを水平に揃えますか？

<!DOCTYPE html> 
<html> 
<head> 
<style> 
body {background-color:#000000;} 
table {border:1px solid #FFFFFF; float:left;} 
tr, td {background-color:#000000; border:1px solid #00000;} 
</style> 
</head> 

<body> 
<table id="t1"> 

<tr> 
    <td><input type="text" /></td> 
    <td></td> 
    <td></td> 
</tr> 
<tr> 
    <td></td> 
    <td></td> 
    <td><input type="text" /></td> 
</tr> 
<tr> 
    <td><input type="text" /></td> 
    <td></td> 
    <td></td> 
</tr> 
    <tr> 
    <td><input type="text" /></td> 
    <td></td> 
    <td></td> 
</tr> 
<tr> 
    <td></td> 
    <td></td> 
    <td><input type="text" /></td> 
</tr> 
<tr> 
    <td><input type="text" /></td> 
    <td></td> 
    <td></td> 
</tr> 

</table> 
<table id="t2"> 

<tr> 
    <td><input type="text" /></td> 
    <td></td> 
    <td></td> 
</tr> 
<tr> 
    <td></td> 
    <td></td> 
    <td><input type="text" /></td> 
</tr> 
<tr> 
     <td><input type="text" /></td> 
     <td></td> 
     <td></td> 
    </tr> 

</table> 
</body> 
</html>

出典

2012-02-23 Ber53rker

、それはフロートプロパティが動作するためには罰金 http://jsfiddle.net/Svbz2/

出典

2012-02-23 23:15:09 Dips

奇妙な。多分それはキャッシュされたでしょうか？私はCTRL + F5を押してください... – Ber53rker

を働いている、あなたは通常、あなたが浮いしようとしているオブジェクトの幅を指定する必要があります。試してみてください：

<!DOCTYPE html> 
<html> 
<head> 
<style> 
body {background-color:#000000;} 
table {border:1px solid #FFFFFF; width:200px; float:left;} 
tr, td {background-color:#000000; border:1px solid #00000;} 
</style> 
</head> 

<body> 
<table id="t1"> 

<tr> 
    <td><input type="text" /></td> 
    <td></td> 
    <td></td> 
</tr> 
<tr> 
    <td></td> 
    <td></td> 
    <td><input type="text" /></td> 
</tr> 
<tr> 
    <td><input type="text" /></td> 
    <td></td> 
    <td></td> 
</tr> 
    <tr> 
    <td><input type="text" /></td> 
    <td></td> 
    <td></td> 
</tr> 
<tr> 
    <td></td> 
    <td></td> 
    <td><input type="text" /></td> 
</tr> 
<tr> 
    <td><input type="text" /></td> 
    <td></td> 
    <td></td> 
</tr> 

</table> 
<table id="t2"> 

<tr> 
    <td><input type="text" /></td> 
    <td></td> 
    <td></td> 
</tr> 
<tr> 
    <td></td> 
    <td></td> 
    <td><input type="text" /></td> 
</tr> 
<tr> 
     <td><input type="text" /></td> 
     <td></td> 
     <td></td> 
    </tr> 

</table> 
</body> 
</html>

出典

2012-02-23 23:17:34 Zakman411

テーブルをレイアウト用の構造体として使うことは、それを行う意味的に正しい方法ではないことに注意することも重要です。あなたはWebフォームの構造体として使っているようです。代わりに浮動小数点型のdivを使用することを検討してください。 – Zakman411

クロムがこれを好まないとは思われません。複数のテーブルを使用する必要がありますか？おそらく、あなたはこのページの目的で余分なテキストが必要です。DIV（ページ上のセクションを定義する）やUL（リストスタイルなしの順序付けられていないリスト）を使うのが良いでしょう。このページはやっています。

出典

2012-02-23 23:18:45 Kurt

複数のテーブルを水平に揃えますか？

答えて

関連する問題