div不会随着表的扩展而扩展，或者div在扩展时不会居中

Question

嗯，这很奇怪。

它适用于IE但不适用于FF。

请查看：http://www.sumsy.com/temp/test11/test.html（表格最初为980像素） http://www.sumsy.com/temp/test11/test2.html（表扩展到1200px）

问题是，在扩展表格之后，最外面的div（＃body-left）在FF中不再居中。左边的空间保持不变。

我用firebug检查过，看起来＃body-left div宽度固定为999px，因此当表扩展时它没有扩展。

我可以通过从＃body-left div中删除999px宽度来修复它。但是，如果我这样做，div将不再居中。

我需要它居中，所以我必须为它指定一个宽度？

有什么解决方法吗？

感谢。

Answer 1

• 从width移除#body-left媒体资源，然后添加display: inline-block。
• 在body上，添加text-align: center。
• 在#body-left上，添加text-align: left。

Live Demo

如果您关心IE7，请添加到#body-left：*display: inline; zoom: 1。