IE 6中的流体宽度布局问题& 7

时间:2011-03-15 11:32:37

标签: html css layout internet-explorer-7 internet-explorer-6

http://dl.dropbox.com/u/18795563/blog/index.html 在IE 6,7和8中调整窗口大小时,会发生这种情况:http://img64.imageshack.us/i/aaawz.png/ 当窗口最大化时很好,但是当我尝试调整大小时,侧边栏会在某些窗口大小下推,大部分时间都很好,但我仍然想解决这个问题。

3 个答案:

答案 0 :(得分:0)

尝试将主要部分宽度设置为74.99%

#main {
     width: 74.99%
}

答案 1 :(得分:0)

我看到你有一个向右浮动并且在边栏ID内浮动。这是某种修复吗?

值得一提的是,正如我们所说,微软正在积极尝试摆脱IE6的世界。世界上只有5%的人使用它,大多数人都在中国,你可以非常安全地说没有必要提供意外事件。

可以理解,这不适用于两个更新的版本,但值得注意。

答案 2 :(得分:0)

使用媒体查询执行此操作的最佳方法: 这里有一个如何解决这个问题的例子,你可以尝试使用手机,桌子等

<!-- Big screen -->
<link rel="stylesheet" type="text/css" href="CSS/main.css" media="screen and (min-device-width: 800px)" />

<!-- Tablet pc -->
<link rel="stylesheet" type="text/css" href="CSS/tablet.css" media="screen and (min-device-width: 481px) and (max-device-width: 799px)" />

<!-- Mobile -->
<link rel="stylesheet" type="text/css" href="CSS/mobile.css" media="only screen and (max-device-width: 480px)" />

<!-- If is lower than IE9 use conditional comments -->
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="CSS/main.css" media="all" />

如果IE不起作用: http://www.abovethefold.co.uk/blog/2008/09/23/css-ie7-compatibility-and-wordpress-updates/

甚至还有一张解释问题的表格: http://caniuse.com/css-mediaqueries