当我在IE6中最小化时内容中断

时间:2013-12-24 15:06:17

标签: html css internet-explorer-6

我知道IE6已经过时,但我的客户仍然使用IE6 此项目的内容片段必须是百分比缩放,但当内容的高度非常长并且用户决定最小化浏览器时,内容片段会跳到侧栏的底部。

我的代码dashboard_content内容较长

CSS代码:

#outer-box {
    width:100%;
    height: 100%;
    position: relative;
    overflow: auto;
    float: right;
}

#inner-box-1 {
    width: 225px;
    height: 100%;
    background-color:#253740;
    float:right;
}

#inner-box-2 {
   height: 100%;
   direction: rtl;
   overflow:auto;
   *overflow: inherit;
}

.header {
    width: 100%;
    height: 100px;
    background: url('imgs/pattern.jpg') repeat-x;
}

.dashboard_main_menu_holder {
    width: 100%;
    height: 50px;
    background-color: #fff;
    border-bottom: 1px solid #d0d0d0;
}

.dashboard_content {
    width: 98%;
    margin: 10px;
}

HTML code:

<div id ="outer-box">
    <div id="inner-box-1">
        <div class="user_image"></div>
        </div>

    <div id="inner-box-2">
        <div class="header"></div>
        <div class="dashboard_main_menu_holder"></div>
        <div class="dashboard_content"></div>
    </div>
</div>

我如何在IE6中修复此问题?

1 个答案:

答案 0 :(得分:1)

将CSS上的%s更改为px的数量。您可以在link找到更多相关信息。