如何获得像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/）
• 我不明白你最后的问题