私はこれをうまく機能させています：http：//jsfiddle.net/uwcEw/-cssの従来のボーダーレイアウト。
私がやりたいのは、境界線レイアウトの「中央」内に別の5領域の境界線レイアウトを配置することです。上から同じパターンを再適用すると、次のようになります：http: //jsfiddle.net/6bked/4/（編集されたリンク）、これは機能しません。明らかに、親コンテナに関連していませんが、よくわかりません。ネストされたコンテキストで必要に応じてこのパターンを適用できるように、これを修正する方法。
何か助けはありますか？また、これを行うためのより良い方法（Compass + Sass / blueprint / jsレイアウト）がある場合は、提案を受け付けています。
アップデート
また、これが最新のブラウザー（Webkit、FF）での動作にのみ関心があり、主にWebkitに関係しており、JavaScriptが有効になっていないユーザーについては心配していません。
私は固定レイアウトの最大のファンではありませんが、正しく理解していれば、これはあなたがやろうとしていることであるはずです：http: //jsfiddle.net/8Cq9A/。
寸法は、ネストされたdiv'のセットであっても、ブラウザウィンドウを基準にしています。レイアウトを修正するために必要なことは、それを考慮して内部の寸法を調整することでした。たとえば、外側の左右divの幅を10％（ブラウザウィンドウの幅の10％を意味する）に設定して、中央divを2等分する場合、それぞれの幅を（100％）に設定します。 -10％-10％）/ 2 = 40％。
個人的には、フロートの使用を検討します：http: //jsfiddle.net/Sf8Kp/。ただし、ここで遭遇する問題は、リンクに表示されているように同じ高さの列が必要かどうかです。
しかし、これに取り組む方法についてはたくさんの記事が浮かんでいます。しばらくの間存在していたいくつかの良い読み物：alistapart （1、2）、positioniseverything。フェイクカラムと3カラム[液体|弾性|等しい高さ]のレイアウトを探しましょう。