実際には、これらの2つのテーブルをGUI上に水平に表示したいのですが、正しく表示できません。自分のコードを見てください。これら2つのテーブルをどのように水平に表示できますか? これは私のコードリンクですhttp://jsfiddle.net/Yr7km/htmlテーブルをhorizantally表示する際の問題
答えて
クロスブラウザはありません。正しいの解決策です。私は古代のスタイルコードと一緒に行き、3番目のテーブルに入れます。
速いフィドルは:
http://jsfiddle.net/Yr7km/15/
私はそれをより見やすくするためにいくつかのCSSを追加しました。私は*
のHTMLコメントを追加して編集内容をマークしました。
CSSではdisplay: table-something
です。残念ながら、IEにはこれに問題があります。 w3schools linkフロートで遊んでも問題ありません。
実際に試しましたが、正しく表示できませんでした。 – user752590
私は私の答えにfiddleへのリンクを追加しました。 – Michas
違反はありませんが、あなたはレイアウト用のテーブルを使用していませんし、暗闇に入るのを脅かすことはありませんか? – Kumar
私はCSSでこの
<div id="container">
<div id="table1">put your table here</div>
<div id="table1">put your table here</div>
<div class="clear"> </div>
</div>
のようないくつかのことをやっているだろう
#container{ width: 100%;}
#table1{ width: 50%; float: left; display: block;}
#table2{ width: 50%; float: right; display: block;}
.clear{ clear: both;}
これはどのようにレイアウトにあなたのアイデアを与える必要最小限のマークアップとCSSです要素。
divのために同じID 'tableContainer'を使用していますが、間違ったUIが表示されます。 – Kumar