0

最近のクライアント プロジェクトで開発をスピードアップするために 960 グリッド システムを試してみることにしました。その構造は完璧に機能しており、とても気に入っています。

私が抱えている問題は、div の背景色が壊れており (サイドバーを 100% の高さにスケーリングするかどうかわからない)、背景に 10 ピクセルのマージン (サイドバーとフッター) が透過的に表示されることです。これはこれまでの Web サイトのライブ バージョンです。おそらく、問題を確認するのははるかに簡単です。

必要な構造があり、div は適切な場所にあります。これらの空白を埋めて、コンテンツの多かれ少なかれウェブサイトの高さを柔軟に保つテクニックはありますか?

空白を描いていて、2 つ目のコンテナを使用しようとしましたが、うまくいきませんでした...

4

2 に答える 2

1

はい、aSeptik がラップしたように。contentそしてそれ.sidebarにdiv背景を適用します。.alphaそして.omega問題を解決しないでください。フッター列でも同じことを行う必要があるようです。

于 2011-08-12T22:17:57.490 に答える
0

わかりました。2 番目のラッパー div が 960gs で展開されなかった理由は、float:left.

幅が 960 ピクセルになったので、両側に 10 ピクセルのカラー パディングが追加されました。これをトリミングしたりラッパーを小さくしたりすると、960gsが壊れて使い物にならなくなります。簡単な解決策をいじった後、幅 960 ピクセルの透明な背景画像を作成する必要があることがわかりました。つまり、両端に 10 ピクセルあるため、940 ピクセルの印象を与えることができます。

わーい！

于 2011-08-13T18:57:27.180 に答える