1

在此处输入图像描述这可能是一个简单的问题，但我遇到了麻烦：在我的网页中，我有以下内容：

<head>
   <!-- Stuff here -->
</head>

<body>
   <header>
      <div class="content-wrapper">
          <!-- More stuff here... -->
      </div>
   </header>
</body>

wherecontent-wrapper在 css 文件中并定义max-width: 960px. 我遇到的问题是max-widthIE8 中没有效果。在正文中，我有一个表格，我认为它应该受content-wrapper.

我尝试了几种不同的方法，但没有成功：

  • 添加style="max-width:960px"到

  • 再加style="max-width:960px"上<tr>这让我感到悲伤

  • 添加style="width:400px"到有问题的<th>和<td>

这些都没有在 IE 中工作！有任何想法吗？我错过了什么？

新信息：

我把我的表放在一个 div 标签中，如下所示：

<div style="border: 1px solid; width: 960px">
   <!-- Table comes here -->
</div>

正如您在附加图像中看到的那样，div 被正确更改为具有边框和指定宽度，但表格在 IE8 中只是忽略了它。在 Firefox 中它运行良好。

4

3 回答 3

1

content-wrapper的容器必须width与max-widthIE8 中的 一起才能识别它。

看看这篇关于 IE8 和 max-width 的文章： http ://www.zeilenwechsel.de/it/articles/5/How-max-width-fails-in-IE8.html

于 2013-08-13T16:57:36.283 回答
1

width: 90%...它适用于所有浏览器...我对其进行了测试并在下面显示了测试结果。

这是一个演示

在此处输入图像描述

.content-wrapper
{ 
    width: 90%;
    height: 190px;
    background: red;
    margin: auto;
}
于 2013-08-13T16:59:05.867 回答
0 
<html>
   <header>
        <style>
            .content-wrapper {
               width:450px;
               background-color: red;
               height: 250px;
            }
           .content-wrapper table {
              width: 100%;
           }
       </style>
    </header>
    <body>
      <div class="content-wrapper">
          <table>
            <tr>
                <td>
                    Column 11
                </td>
                <td>
                    Column 12
                </td>
                <td>
                    Column 13
                </td>
            </tr>
            <tr>
                <td>
                    Column 21
                </td>
                <td>
                    Column 22
                </td>
                <td>
                    Column 23
                </td>
            </tr>
          </table>
      </div>
    </body>
</html>

将 css 移动到您的 css 文件中。我认为这会奏效

于 2013-08-13T17:02:29.450 回答