html - テーブルを変形せずにセルテーブルを複数の行に分割する

Question

次のような画面を作成しようとしています。

他のテーブル コンポーネントを変形せずに、セルを複数の行と列に分割するにはどうすればよいですか?

すでに開始していますが、セルを分割すると、テーブルが変形します。 http://jsfiddle.net/KMjm6/

HTML テーブルを使用しない別の例を見てみましょう: http://jsfiddle.net/Gh6mB/8/

Answer 1

If could understand your question

DEMO: http://jsfiddle.net/KMjm6/4/

Put a table inside the middle cell and create your affect

Answer 2

テーブルレスレイアウトの概念を使用してみてください。テーブルのないdiv要素のみ。

このWebサイトを参照してください

http://www.w3.org/2002/03/csslayout-howto

http://girlswhogeek.com/tutorials/2006/create-a-tableless-css-layout

---

今私は理解しました

例http://jsfiddle.net/7SGDW/を参照してください