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

Question

我知道这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代码:

<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中修复此问题？

Answer 1

将 CSS 上的 %s 更改为 px 的数量。您可以在此链接上找到更多信息。