CSSレイアウト - 伸縮性のある背景を持つ3列

私は3列の流体レイアウトを構築しており、そこには90％の方法があります。私は、背景やサイドバーをインパクトさせる最善の方法が何であるか疑問に思っていますが、あなたはそれを見たいと思っています。CSSレイアウト - 伸縮性のある背景を持つ3列

enter image description here

私は私のメインのコンテンツ領域を中心に優れたボックスハックを持っている、そして今私はあなたがそれぞれの内側の境界線上に小さな1ピクセルの境界線を持っているいずれかの側に参照2本のストライプをimplimentする必要があります。

ピクセルの幅が1000ピクセルの1ピクセルの高ストライプを作成することができましたが、これを行うためのより良い方法があると感じていますか？

私はここで5列のレイアウトを見ていますか、これはまだ3列の流体ですか？

誰もがこのスタイルのレイアウトに良いパターンやリンクを提供できれば（おそらく現在最も一般的なものでしょうか？）、私は本当にそれをappricaiteしています！ここで

は私の現在の流体ラップコードです：

CSS：ここ

body 
    { 
     margin: 10px 0px; 
     padding: 0px; 
     text-align: center; 
    } 
    #siteWrapper 
    { 
     width: 980px; 
     margin: 0px auto; 
     text-align: left; 
     padding: 15px; 
     background-color: #fff; 
    }

HTML

<body> 

<div id="siteWrapper"> 
</div> 

</body>

出典

2012-04-20 nocarrier

は、読みやすくするために上記のものの画像へのリンクです： http://i.stack.imgur.com/aRw8T.jpg – nocarrier

http://www.manisheriar.com/holygrail/index.htmはあなたのために働くことができる –

Yそれは私のニーズに合うように修正されているようだ。内側のボックスの幅を設定できたら私はそれを撃つだろう。ありがとう！ – nocarrier

body 
{ 
    margin: 10px 0px; 
    padding: 0px; 
    text-align: center; 
    background: whatevercolor; 
} 
#siteWrapper 
    { 
     width: 980px; 
     margin: 0px auto; 
     text-align: left; 
     padding: 15px; 
     background-color: #fff; 
     border-left: whatever; 
     border-right: whatever; 
    }

出典

2012-04-20 22:25:31 squarephoenix

彼はサイドバーの中にどんな内容も望んでいないと仮定しますか？ –

サイドバーの中にコンテンツはありませんが、それらは成長するはずです（？）はい、私はそうだと確信しています。このレイアウトのベストプラクティスは何ですか（それは非常に一般的なようです...） – nocarrier

クール、これは素晴らしい動作するようです！ありがとう。 – nocarrier

CSSレイアウト - 伸縮性のある背景を持つ3列

答えて

関連する問題