css - 两列 CSS 布局问题 -- 在 IE6 中,内容区域中的表格被左侧导航向下推

标签 css internet-explorer internet-explorer-6

我有一个非常简单的页面,在 IE6 中无法正常显示。在此浏览器中,左侧导航向下推内容区域中的表格。谁能帮我让表格保持在其容器的顶部,而不是被左侧 div 中的内容压低?

这是页面的 html 代码:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <style type="text/css" media="screen">
            body

            #nav
            {
                float: left;
                width: 180px;
                background-color: #999;
            }

            #content
            {
                margin-left: 210px;
                background-color: #999;
            }

        </style>
    </head>
    <body>

        <div id="nav">
            <div>left content</div>
        </div>
        <div id="content">
            <table style="width: 100%; background-color: #666666">
            <tr><td>table</td>
            </tr>
            </table>
        </div>
    </body>
</html>

这是一个 url,所以你可以看到它的样子:

http://www.morganpackard.com/cssTest.html

最佳答案

改为将表格的宽度设置为 99%。

关于css - 两列 CSS 布局问题 -- 在 IE6 中,内容区域中的表格被左侧导航向下推,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/562575/

相关文章:

javascript - 如何拉伸(stretch) div 以适应内容直到它达到其父级的高度?

html - 页脚后的空白,仅在 Firefox 和 IE 中

javascript - solr 正在为我的本地 iis 工作,而不是为托管 iis 工作

html - IE6 CSS 列表作为水平导航

css - IE6 中的 z-index 问题

html - 对单选按钮使用 Font Awesome 星级评分

html - 涉及 ajax 时链接到样式表的正确程序是什么

internet-explorer - 使用 polymer 组件制作的网站/应用程序在 IE11 上加载速度极慢

css - IE6 双重填充和边距错误

asp.net - 在 ie6 中测试有哪些好的解决方案?