Internet Explorer宽度问题

时间:2011-04-07 23:47:58

标签: css internet-explorer-7

*我正在重新发布这个问题,因为我之前只收到过一个回复,但是没有用。希望有人会看到这个并知道该怎么做! *

我正在使用IP Net Renderer在IE7中查看我新安装的论坛(http://www.datesphere.com/forum/)。如果你想看看,你可以看到论坛上的内容已经溢出(它比我整个网站的960px容器都宽)。

我已经尝试将overflow:hidden添加到.wrapper类,并根据StackOverflow上收到的建议添加width:100%.tborder,但它不起作用。

论坛在IE8 +,FF,Chrome和Safari中正确呈现,但不是IE 7.有谁知道如何解决这个问题?

3 个答案:

答案 0 :(得分:2)

如果您使用IE9 / 8并运行开发人员工具栏,您会注意到正在生成的global.css与IE8的IE7不同。看一下为你生成样式表的内容,看看你是否可以修改它以制作MIN-WIDTH:930px;或MIN-WIDTH:100%;

或者第二个选项在glboal.css样式表之后添加内联样式或页面css或链接另一个样式表 .wrapper {MIN-WIDTH:930px!important; } .wrapper {MIN-WIDTH:100%!important; } 以便它覆盖global.css文件中生成的内容。

IE7:

.wrapper {
    MIN-WIDTH: 970px; MARGIN: auto; WIDTH: 85%; MAX-WIDTH: 1500px
}

IE8:

.wrapper {
    MARGIN: auto
}

答案 1 :(得分:0)

更改包装类的最小宽度值。您可以设置静态宽度或将其设置为100%。

答案 2 :(得分:0)

删除#wrapper div 并设置IE7特定的.tborder {display:inline-table}