2011-08-12 124 views
0

我決定嘗試在最近的一個客戶項目上使用960網格系統來加速開發,並且它的結構完美運行,我喜歡它!960.gs背景顏色或邊距?

我遇到的問題是在div背景顏色中斷(我不確定要將邊欄縮放到100%高度),並且背景透明地顯示了10px頁邊距(側欄和頁腳)。這是迄今爲止網站的一個實時版本,它可能更容易看出問題 - 這很明顯:http://mediasmoke.com/clients/packtv/

我有我想要的結構,divs在正確的地方。有沒有一種技術來填補這些空白,並保持網站的高度靈活多少有些內容?

我畫一個空白,我試圖用第二個容器,但是這並不能正常工作......

+0

使用'.alpha'和'.omega'類刪除邊距或手動設置'#sidebar.grid_3 {margin:0}'或創建一個包含'.sidebar'和'.content ' –

回答

1

是的,正如aSeptik上述保鮮。 content.sidebardiv中,並將背景應用於此。 .alpha.omega不能解決問題。看起來您也需要在頁腳列上也做同樣的事情。

+0

我喜歡包裝的想法,因爲它最靈活,它只是不起作用,但div沒有填充960gs div .sidebar&.content,邊距必須保持不變,否則它會打破該設計。 – GodsDead

0

好的,我想通了。第二個包裝div沒有與960gs擴展的原因是因爲它必須有一個float:left

現在在960像素寬,這給了我一個額外的10像素顏色填充任何一方。如果我修剪這個或使包裝更小,它打破960克,使它無用。在用一個簡單的解決方案搞亂了之後,我發現我要創建一個960像素寬的透明背景圖像 - 兩端都有10個像素,所以它給人以940像素的印象!

耶!