我的网站上有一个分页控件,它的容器元素设置为margin:auto,以便寻呼机控件在元素中居中。它适用于除IE7之外的所有浏览器。事实上,我刚刚意识到我的网站有几个问题与IE7,我正在努力解决所有这些问题。但是,我已经坚持了一段时间了。
看看this page。
(我知道此页面上还有其他IE7问题,首先关注寻呼机控件)。如果您使用IE9,您可以点击 F12 并在菜单栏中将“浏览器模式”设置为IE7。将其与任何其他浏览器/版本中的同一页面进行比较。
根据我正在使用的CSS / HTML,有人能告诉我为什么会这样吗?我一直在尝试看似几个小时的事情而且我真的没有随处可见。
答案 0 :(得分:5)
问题在于,您依靠display: table
将ul
收缩包装到其中li
的宽度。不幸的是,display: table
is not supported in IE7.
切换到display: inline-block
是解决此问题的一种方法。
在previous_next_container_forum ul.list_paging
上,移除display: table
and add:
display: inline-block;
*display: inline;
zoom: 1;
ul
现在与其中的li
一样宽,没有使用display: table
。
要实际使其居中,您需要将text-align: center
添加到父元素,例如.previous_next_container_forum
。