我正在这个网站上工作:http ://www.justaddsolutions.com/SampleSite/
主要区域是 1024px 宽并且始终居中,这是实现的。但是,当浏览器窗口宽于 1024 像素时,我的客户希望黄色和红色条带延伸到浏览器窗口的相关边缘(左侧为黄色,右侧为红色)。
我想用基于 CSS 的 Liquid - Fixed - Liquid Layout 来解决它,其中中心部分居中,侧面部分具有相等的液体宽度。但是我自己无法弄清楚,也无法在任何地方找到如何做到这一点。
我确实在 mathewjamestaylor 液体布局网站上找到了 Liquid-Fixed-Liquid Layout,但是当浏览器的窗口缩小到小尺寸时,它会在 IE8 中中断。
然后我想通过在我的标题中使用 3 列表来实现这一点,并使用 background-image 和 repeat-x 设置我的 td 元素的样式,但这在 Chrome 和 Safari 中似乎效果不佳。
对此问题的任何帮助将不胜感激。