960.gs背景色、または余白？

私は最近のクライアントプロジェクトで960グリッドシステムを使用して開発を加速しようと決めました。その構造は完全に機能していて、大好きです！960.gs背景色、または余白？

divの背景色のブレーク（私は100％の高さにサイドバーを拡大することはできません）、背景には10pxの余白（サイドバーとフッタ）が透明に表示されます。これは今までのウェブサイトのライブ版ですが、おそらく問題を見るのがずっと簡単です。それはかなり明白です：http://mediasmoke.com/clients/packtv/。

私は必要な構造を持っており、divは適切な場所にあります。それらの空白を埋めて、多かれ少なかれコンテンツの高さにフレキシブルなウェブサイトを維持する技術はありますか？

aSeptikはラップを言ったように、はい、私は空白を描いてる、と私は第二の容器を使用してみましたが、それは正常に動作しませんでした...

出典

2011-08-12 GodsDead

マージンを削除するか '＃sidebar.grid_3 {margin：0}'を手動で設定するか '.sidebar'と' .content 'の両方を含むラッパーを作成するには '.alpha'と' .omega'クラスを使います' –

。 contentおよび.sidebarをdivに追加し、その背景を適用します。 .alphaおよび.omegaは問題を解決しません。フッターの列でも同じことをする必要があるようです。

出典

2011-08-12 22:17:57 DevinClark

私はラッパーのアイデアが好きです。最も柔軟なものとして、それはちょうど動作しません、divは960gs div .sidebar＆.contentでいっぱいになっていませんが、マージンはそれ以外の場合と同じままにしておく必要があります。デザイン。 – GodsDead

わかりました。 2番目のラッパーdivが960gで展開されなかった理由は、float:leftを持っていなければならなかったからです。

これで960ピクセル幅で、私は余分な10ピクセルの色のパディングを両側に与えました。これをトリミングしたり、ラッパーを小さくしたりすると、960gが破られて無駄になります。簡単な解決策をいじったあと、960ピクセル幅の背景画像を作成することができました。透過画像は両端に10ピクセルあるため、940ピクセルの印象を与えます。

Yay！

出典

2011-08-13 18:57:27 GodsDead

960.gs背景色、または余白？

答えて

関連する問題