3列布局通过DIVs（中间柔性，所有灵活高度，STRICT模式） [英] 3 columns layout via DIVs (middle-flexible, all flexible height, STRICT mode)

问题描述

嘿，伙计们，我已经努力了这一点，似乎找不到解决方案。需要一个建议或简单的声明说这是不可能的（到目前为止我认为它是 - 不可能的）。
问题是：
需要3列可变宽度布局，左固定宽度，右aswell，中间 - 占据由body或任何提供的所有空间。
Trick是右或左列可能高于中间，我们需要它们不重叠页脚。另外，docmode是Strict。我知道Table在一秒内解决了这个问题，但我想知道是否有一个Div解决方案？

Hey guys, I've struggled with this for a bit and don't seem to find a solution. Need an advise or the simple statement saying this is impossible (so far I think it is - impossible). Problem is: need 3 column flixible width layout, left fixed width, right aswell, middle - takes all of the space provided by body or whatever. Trick is that either right or left columns might be taller then middle, and we need them not to overlap the footer. Also docmode is Strict. I know that Table solves the problem in a sec, but I wonder is there a Div solution around?

推荐答案

're寻找我想：

http://matthewjamestaylor.com/blog/perfect-3-column.htm
或像素宽度：
http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm

这是XHTML strict，并支持所有当前的浏览器。

It's XHTML strict, and supports all current browsers.

这篇关于3列布局通过DIVs（中间柔性，所有灵活高度，STRICT模式）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！