使用藍圖CSS，是有可能做了以下佈局

我想使用藍圖CSS使用藍圖CSS，是有可能做了以下佈局

Page Width = 960px 

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

什麼會列相應的列寬，邊緣寬度和數量，使這個做以下佈局工作？

我試圖用10px的列和10px的利潤率要做到這一點，但它與30像素的中間槽（一個列滿+緣右一）

來源

2010-07-08 DrewM

是否可以做如下的佈局結束？

不是，沒有改造整個框架。

Blueprint CSS使用：950px寬度，10px排水溝和從30px開始並增加40px增量的列。所以：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 Grid System。它使用20像素的裝訂線，960像素的頁面寬度以及40或60像素的列增量。它沒有漂亮的罐裝印刷設置。我不確定它是否也支持，跨瀏覽器和跨媒體。

總體佈局資源：http://layouts.ironmyers.com/

來源

2010-07-09 00:37:54

+1對於960電網的建議 – 2010-07-09 01:03:07

這就是我經過幾個小時的嘗試後纔想到的。 960.gs也無法正常工作 - 它基本上是一個寬度爲950px的頁面，每邊都有5px的裝訂線。似乎工作的是使用Compass（http://compass-style.org/），它使用SASS，實現藍圖框架並允許諸如.5列之類的東西。 – DrewM 2010-07-09 15:33:29

開箱即用，沒有。但是你可以用藍圖CSS定製實驗，如：

這些基本上是採取默認的藍圖的CSS文件，重新計算所有的數字，並吐出的新版本爲您的Blueprint CSS框架。

來源

2010-07-09 00:59:30 Jeff

另一種基於藍圖的佈局工具：pageblox.com – 2011-06-18 09:18:23

使用藍圖CSS，是有可能做了以下佈局

回答

相關問題