3

タイトルが本当に私がやろうとしていることを説明しているのかわからない。実際、これは非常に単純で、インターネット上で広く使用されています。

コンテンツがブループリント固定グリッドを使用しているときに、背景に液体/全幅のストライプ（デザインの一部のdivと同じ高さ）が必要です。

たとえば、このWebサイト：intient.comは、私が探していることを正確に実行しています。液体の幅である黒の背景ストライプ（および灰色の別のストライプ）とグリッドを使用したコンテンツ（CSSを確認した後のブループリントではありません）

コンテンツを表示するためにブループリントの固定幅グリッド（950px）を使用しています。私がどうやってそれをすることができるか知っていますか？ブループリントとは？そして、静的な背景画像なしで...

ありがとう

4

1 に答える 1

9

ブループリントでは、次のようにします。

<div class="stripeContainer">
   <div class="container">
     <div class="span-8">Column 1</div>
     <div class="span-8">Column 2</div>
     <div class="span-8 last">Column 3</div>
   </div>
</div>
<div class="container">
  <div class="span-12">Body goes here</div>
  <div class="span-12 last">Some sort of menu perhaps</div>
</div>

次に、スタイルを設定します.stripeContainer。

.stripeContainer
{
    width: 100%; /* this is usually implied */
    background-color: pink;
}
于 2009-10-28T09:36:04.527 に答える