Internet Explorer宽度问题 [英] Internet Explorer width issue

问题描述

*我重新发布此问题，因为我之前只有一个响应，它没有工作。希望有人新的会看到这一点，知道该怎么办！ *

*I'm re-posting this question because I only got one response before, and it didn't work. Hopefully someone new will see this and know what to do! *

我使用的是 IP Net Renderer < a>查看我新安装的论坛（ http://www.datesphere.com/forum/ ）在IE7。如果你想看看，你可以看到论坛溢出其包含的元素（它比我的整个网站的960px容器）。

I'm using IP Net Renderer to view my newly installed forum (http://www.datesphere.com/forum/) in IE7. If you care to take a look, you can see the forum is overflowing its containing element (it's wider than the 960px container I have for my entire site).

ve尝试向 .wrapper 类以及宽度：100％添加 overflow：hidden 到 .tborder 在StackOverflow上收到的每个建议，但它不工作。

I've tried adding overflow:hidden to the .wrapper class as well as width:100% to .tborder per advice received on StackOverflow, but it didn't work.

推荐答案

这个论坛在IE8 +，FF，Chrome和Safari中正确显示，

如果您使用IE9 / 8并运行开发工具栏，您会注意到生成的global.css对于IE7和IE8是不同的。看看为你生成的样式表是什么，看看你是否可以修改它，使MIN-WIDTH：930px;或MIN-WIDTH：100％;

If you use IE9/8 and run the Developer toolbar you will notice that the global.css that is being generated is different for IE7 from IE8. Take a look at what is generating that Style Sheet for you and see if you can modify it to make the MIN-WIDTH:930px; or MIN-WIDTH:100%;

或者第二个选项添加到glboal.css样式表后面的某个位置在内联样式或页面css或链接另一个样式表 .wrapper {MIN-WIDTH：930px！important; } 或 .wrapper {MIN-WIDTH：100％！important; } ，以覆盖global.css文件中生成的内容。

Or a second option add somewhere after the glboal.css style sheet a inline-style or on page css or link another style sheet .wrapper { MIN-WIDTH:930px !important; } or .wrapper { MIN-WIDTH:100% !important; } so that it overrides whats generated in the global.css file.

IE7：

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

IE8：

.wrapper {
    MARGIN: auto
}

这篇关于Internet Explorer宽度问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！