http://960.gsやhttp://blueprintcss.orgがきれいな雑誌のレイアウト/マーケティング風のパンフレット以外のマージンを強制する場合、それらを使用する意味がわかりません。これらを使用して、ヘッダーに実際にタッチ/ラップアラウンドできるナビゲーションバーなどの特定の設計要件を満たす方法はありますか? これらのフレームワークをマージンなしで使用するための任意の入力 (CSS の第一人者レベルの低い開発者にブラウザーの互換性を強制するため) が理想的です。(注: 私たちは JSF を使用しています。これは Web ショップではなく、開発ショップでもあります)
1260 次
3 に答える
2
私はこのテクニックを究極のCSSレイアウトテクニックとして使用しています。
http://www.codeofficer.com/blog/entry/css_grid_frameworks_960gs_without_margins/
私は一度同じ問題を抱えていました、そして私がそれを使うので、すべてのマージンの頭痛は消えました。カスタムの幅/高さを使用する必要がある場合は、！importantoverideを使用します。
コード：
<div class="g_9 content_main">
This div should actually have 720px in width.
But I overide it using another class so now the width has become 700px,
and just in case it needs custom margin, we can always set it in the css :)
</div>
CSS：
.c_12 .g_9, .c_16 .g_12 { width: 720px; } /* 960-full.css */
.content_main { width: 700px !important; margin-left: 15px;} /* style.css */
于 2009-06-25T05:25:35.440 に答える
0
これが私が書いたmodで、フレームワークを書き直すことなく、触れる要素を作成するのに役立つ960gsで動作します。
于 2009-07-23T21:45:34.590 に答える
0
サイトのすべての div にグリッド クラスを使用する必要はありません。ヘッダーがグリッド レイアウトに従う必要がない場合は、ヘッダー用に独自のスタイルを作成します。グリッドを完全にスキップして、フォームとタイポグラフィのマークアップのみを使用することもできます。フレームワークは、プロジェクトに少しの一貫性をもたらす試みです。
メイン コンテンツには設計図を使用していますが、ヘッダー領域には独自のカスタム レイアウトがあります。
于 2009-05-14T21:10:38.330 に答える