我有麻烦来实现相当“异国情调”的布局,这是某种“嵌套”布局,其中HEADER和Footer实际上是右列(或“帧”):“异国情调”的CSS布局 - 左固定静态,包含混合元素的右流体滚动
- Left column - Fixed,Static
- Right column - Fluid/liquid/scrollable
--- Header - fixed
--- left/main fluid/liquid
--- Right/sidebar - fixed
视觉它应该是类似的东西:
所以基本上淡黄色区域是静态的,固定的并且总是在视图中。
绿色框架是可滚动的,它包含页眉,页脚和侧边栏。
我搜索了所有主要的“css-layout-galleries”网站,但我还没有遇到一个可靠的解决方案。 (大多数都有在页面顶部的标题)
我的主要问题是实现防弹方法,将上所有主要的操作系统&浏览器工作(火狐3.6 - 6,IE 6-9,歌剧,Safari浏览器> Mac,Win,Linux)
现在,(通常预期)IE总是给我一个很难的时间,尽管在一些布局实验中,Firefox也给出了意想不到的不同结果(在3.6和5例如)
我希望有人能指出我正确的方向。
感谢您的答复... – krembo99
感谢您的答复。我已经尝试了很类似的解决方案已经,遗憾的是:1,在IE6中不起作用(是的,我们都希望杀死IE6,但它仍然非常活跃,特别是在亚洲 - ie6 + 7 =接近20%...)2.当空白时,布局看起来不错,但填充内容和侧边栏隐藏了主要区域(用margin-left容易修正:samevalue_px;)3.如果页面上没有足够的内容 - 页脚h在侧边栏后面的ide。无论如何,再次感谢您的帮助!如果我能找到解决方案 - 我会发布它。 – krembo99