IE8中Foundation 4中body元素的问题

Question

我正在使用基础框架4创建一个网站，我必须支持IE8，这在现代浏览器中运行良好。

我找到了一个为IE8提供基础4网格的地方，当我更改浏览器大小时，主体会调整到浏览器，但它位于内容后面，这不包装，也不知道如何修复它。 / p>

这里我留下了可以看到的链接:(在IE8中尝试）我使用Virtual Box来模拟IE8 http://www.pruebas.chaloman.com/recomendacion/

我在IE8上用于基础4工作的代码在以下链接中： https://gist.github.com/hatefulcrawdad/5068210

更新：

我开始使用bootstrap 2.3.2重新编码并且没有任何样式，并且问题仍然存在于firefox 24中，包括图像，当我重新调整de browrser时会发生这种情况。

请在此处查看另一个示例并帮助我： http://www.pruebas.chaloman.com/boots/

Answer 1

您的源代码有点冗长.. 试试这个...... 在你的html头

    <!-- Foundation 3 for IE 8 and earlier -->
    <!--[if lt IE 9]>
     <link rel="stylesheet" href="/css/foundation3/normalize.css">
     <link rel="stylesheet" href="/css/foundation3/foundation.css">
     <link rel="stylesheet" href="/css/foundation3/app.css">
    <![endif]-->
    <!-- Foundation 4 for IE 9 and earlier -->
    <!--[if gt IE 8]><!-->
     <link rel="stylesheet" href="/css/foundation4/normalize.css">
     <link rel="stylesheet" href="/css/foundation4/foundation.css">
    <!--<![endif]-->

关闭身体标签后：

   <!-- Foundation 3 for IE 8 and earlier -->
   <!--[if lt IE 9]>
   <script src="/js/foundation3/foundation.min.js"></script>
   <script src="/js/foundation3/app.js"></script>
   <![endif]-->

   <!-- Foundation 4 for IE 9 and later -->
   <!--[if gt IE 8]><!-->
   <script src="/js/foundation4/foundation.min.js"></script>
    <script>
    $(document).foundation();
   </script>
   <!--<![endif]-->

了解更多信息，请参阅此链接http://zurb.com/article/1204/getting-foundation-and-ie8-to-play-nice

Answer 2

我解决了

我找到了问题的解决方案，我使用了min-width属性并给你一个值。 解决方案是固定宽度。

我用：

body {
min-width: 960px; /*fixed width*/
}