2列网站布局，带有完整的背景幻灯片或视频

Question

我正在做一个需要布局的网站，例如：

http://newsmartwave.net/wordpress/trego/home/homepage-1/#featured_products

我花了两天时间研究如何进行正确的2列布局并尝试了不同的选项，但似乎都没有正常工作。

现在我有2个版本 - http://aspenwebsites.com/mpwebsite/index.html和http://aspenwebsites.com/mpwebsite/index_alt.html

第一个问题是，如果你大大降低了浏览器窗口的高度，我最终会在侧边栏旁边看到一些空白区域，而我的一些文字最终会出现在边框之外（见截图）。

第二个问题是，我不能在两列后面放置全屏背景图像。

此外，与我试图复制的示例网站（http://aspenwebsites.com/mpwebsite/index.html和http://aspenwebsites.com/mpwebsite/index_alt.html）不同，如果浏览器的窗口达到某个最小高度，我希望显示一个垂直滚动条。

我知道人们有时会对问题的类型感到恼火，但我真的无法解决这个问题，而且我确实读过很多文章和例子。

我不是要求为我编写代码，尽管任何代码示例都是最受欢迎的。最低限度，我希望获得一些好教程的指导，因为我真的很想掌握这个布局。它在我的工作中出现了很多，我想拥有自己的代码，我100％理解而不是使用Wordpress。

Answer 1

对于第一个，请将overflow: scroll;添加到#sidebar > .row规则。

你确实在第二张背景图片中显示全屏背景图片。只是位于其前面的#maincontent具有background:white;规则，因此您无法看到它。

编辑：顺便说一句，我没有生气..