2011-04-09 182 views
0

嗯,这很奇怪。div不扩展表扩展,或div不扩展当它扩大

它在IE中工作,但不是FF。

请大家看起来在:http://www.sumsy.com/temp/test11/test.html(表是980px最初) http://www.sumsy.com/temp/test11/test2.html(表扩展到1200像素)

的问题是,表扩大后,最外层的div(#身体左)不以FF为中心。左侧的空间保持不变。

我用firebug进行了检查,它看起来像#body-left div宽度固定为999px,所以它在表扩展时并没有展开。

我可以通过从#body-left div中删除999px的宽度来修复它。但如果我这样做,该div不会再集中。

我需要它居中,所以我必须指定它的宽度?

任何解决方法?

谢谢。

回答

2
  • 删除width财产#body-left,并添加display: inline-block
  • On body,add text-align: center
  • On #body-left,add text-align: left

Live Demo

如果你关心IE7,添加到#body-left*display: inline; zoom: 1

+0

完美!它的作用像魅力。谢谢。 – 2011-04-09 23:41:00