试图让3列布局工作 [英] Trying to get 3 column layout working

问题描述

我正在尝试获得宽度相等的3列布局。这是我的页面：
domosworld.net


我想要它，所以中间的两个灰色边框总是延伸到页面的底部。我现在已经设置好在主要内容的右侧/左侧有中间边框，但我担心正确的栏可能比中间有更多的内容。


使这个工作的最佳方法是什么？

I''m trying to get a 3 column layout with equal widths. Here is my page:
domosworld.net

I want it so the two gray borders in the middle always extend to the bottom of the page. I have it setup right now to have borders on the right/left of the main content in the middle, but I''m afraid that the right bar might have more content than the middle.

What''s the best way to get this to work?

展开 | 选择 | 换行 | 行号

推荐答案

在我可以解决这个问题之前，你的CSS有问题。您依靠属性max-width。 max-width在IE中不起作用，但在现代浏览器中起作用。因此，将它设置为40em会在Firefox，Opera等中混乱。所以我们必须让你的标记在适当的浏览器中工作，然后才能解决它的IE很多问题。

Before I can work on this, you have a problem with your CSS. You are relying on the property max-width. max-width does not work in IE but does in modern browsers. Therefore, setting it to 40em messes things up in Firefox, Opera, etc. So we must get your markup working in a proper browser before we can hack it for IEs many problems.

在我开始处理之前，你的CSS有问题。您依靠属性max-width。 max-width在IE中不起作用，但在现代浏览器中起作用。因此，将它设置为40em会在Firefox，Opera等中混乱。所以我们必须让你的标记在适当的浏览器中工作，然后我们才能解决它的IE很多问题。

Before I can work on this, you have a problem with your CSS. You are relying on the property max-width. max-width does not work in IE but does in modern browsers. Therefore, setting it to 40em messes things up in Firefox, Opera, etc. So we must get your markup working in a proper browser before we can hack it for IEs many problems.

它适用于我正在测试的IE7。我必须设置一个宽度而不是最大宽度。

It works in IE7 which I was testing on. I''ll have to set a width rather than max-width I guess.

IE7落后于Web标准和错误9年。始终先在现代浏览器中进行测试。然后我们可以调整IE的怪癖。

IE7 is nine years behind web standards and buggy. Always test in a modern browser first. Then we can adjust for IEs quirks.

这篇关于试图让3列布局工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！