2

blueprint cssを使って以下のようなレイアウトをしたいと思います

Page Width = 960px

<- 20px -> <------- 600px -------> <- 20px -> <--- 300px ---> <- 20px ->
   left           main content       middle      right rail     right
  gutter                             gutter      (ad unit)      gutter

これを機能させるための適切な列幅、マージン幅、および列数はどれくらいですか?

10px の列と 10px の余白でこれを実行しようとしていますが、中央のガターとして 30px になります (1 つの完全な列 + 右からの余白)。

4

2 に答える 2

2

以下のレイアウトは可能でしょうか？

いいえ。フレームワーク全体を作り直す必要はありません。

ブループリント CSS の使用: 幅 950 ピクセル、ガター 10 ピクセル、列は 30 ピクセルから始まり、40 ピクセルずつ増加します。したがって、600px は 590px になり、300px は 310px になります。

すべてのコンポーネントの寸法を調整して、フレームワーク全体を微調整できます...

または、列を次のいずれかに適合させることができます: (30, 70, 110, 150, 190, 230, 270, 310, 350, 390, 430, 470, 510, 550, 590, 630, 670, 710, 750 、790、830、870、910) ピクセル...

または、960 グリッド システムを試すこともできます。ガターは 20 ピクセル、ページ幅は 960 ピクセル、列の増分は 40 または 60 ピクセルです。うまくできた定型化されたタイポグラフィ設定はありません。そして、それがクロスブラウザとクロスメディアにも耐えられるかどうかはわかりません.

一般的なレイアウト リソース: http://layouts.ironmyers.com/

于 2010-07-09T00:37:54.937 に答える
1

箱から出して、いいえ。ただし、次のようなブルー​​プリントCSSカスタマイザーを試すことができます。

これらは基本的にデフォルトのBlueprintCSSファイルを使用し、すべての数値を再計算して、BlueprintCSSフレームワークの新しいバージョンを吐き出します。

于 2010-07-09T00:59:30.347 に答える