html - 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; 规则，所以你看不到它。

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