Internet Explorer宽度问题

Internet Explorer宽度问题

问题描述:

*我重新发布此问题,因为我以前只有一个响应,并且不起作用。希望有新的人会看到这一点,并知道该怎么做! *Internet Explorer宽度问题

我使用IP Net Renderer在IE7中查看我新安装的论坛(http://www.datesphere.com/forum/)。如果你喜欢看一看,你可以看到论坛溢出了它的包含元素(它比我的整个网站的960px容器更宽)。

我尝试添加overflow:hidden.wrapper类以及width:100%.tborder每收到的意见在计算器上,但没有奏效。

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

+0

我能否也建议,如果您使用的是Windows中,获得虚拟PC,拿起[虚拟硬盘驱动器从安装ie7或8的微软](https://www.microsoft.com/downloads/en/details.aspx?FamilyID=21eabb90-958f-4b64-b5f1-73d0a413c8ef&displaylang=en)。 – Sam 2011-04-08 00:07:47

+0

IE8和IE9(可能IE7也有它不记得)有开发人员工具栏,您可以将渲染设置更改为IE7或IE8或IE9 W/E所需的渲染设置。 – arma 2011-04-08 00:10:07

+0

[Internet Explorer 7溢出包含div]的完全重复(http://*.com/questions/5560873/internet-explorer-7-overflows-containing-div) – 2011-04-08 00:22:09

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

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

IE7:

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

IE8:你的包装类

.wrapper { 
    MARGIN: auto 
} 
+0

ipinfo。info/netrenderer仍然显示它已损坏(可能是缓存问题),但是browsershots.org显示IE7现在正在呈现正确。这很奇怪,因为我已经将'.wrapper'的所有宽度属性注释掉了,但我猜IE7没有检测到注释。我只是删除它们,它解决了问题。谢谢! – Chris 2011-04-08 01:03:15

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

+0

@ - 山姆谢谢! – Chris 2011-04-08 01:01:10

删除#wrapper指定格 并设置IE7具体.tborder {显示:内联表}