如何獲得像Google zeitgeist 2011這樣的流體內容？

Question

我的網站：http://designobvio.us/portfolio/index.html

抱負的網站的佈局：http://www.googlezeitgeist.com/en/top-searches/rebecca_black

我剛剛完成其固定放置我的導航欄。現在是時候轉到中心內容了。不幸的是，我對如何評價這件事感到困惑。

問題1：一切似乎是100％的高度（這是我從來沒有可以開始工作> _ < ;;）

問題2：我使用grid960和圖像會漂浮在960網格。

問題3：縮小窗口圖像時收縮。

問題4：當一個縮小窗口文本面板疊加圖像。

我完成了佈局的PDF。這裏是網格覆蓋的例子：http://www.designobvio.us/portfolio/homepage%20copy.pdf

有沒有人可以在jsfiddle中演示這種佈局，或者至少引導我自己回答這個問題？我真的很難過。

由於

Answer 1

• 100％的高度意味着該元件將使用父元素的高度。如果你想要一個div，比如說#wrapper，它是100％窗口的高度，它的父級必須設置爲100％高度，等等。所以基本上：html, body, #wrapper {height: 100%;}例如：http://jsfiddle.net/Vy6hP/
• 爲什麼浮動一個問題？如果你想做一個動態的佈局，你不應該使用960系統，而應該使用靈活的系統（即基於％而不是px）
• 給圖像一個max-width: 100%;，它應該只是工作罰款（例如：http://jsfiddle.net/Vy6hP/1/）
• 我不明白你最後的問題