这是jsp代码,显示的时候,确定和上一步按钮没有显示在最底部,而且往下滚动的时候这两个按钮都没有跟着往下动。
我想让这两个按钮要么就直接显示到表单的最下面,或者就是悬浮在表单上面,滚动列表时,按钮也跟着往下走注:这几个div显示的结果都是在一个JSP页面,url地址都没有变过
 <div id="step_4" style="display:none;">
                    <div style="font-size:14px;font-weight:bold;margin:5px;">选择测评对象>></div>
                    <div style="margin:5px auto;height:expression(window.screen.height-window.screenTop-184);background-color:#ffffff;width:99%;">
                        <table cellpadding="0" cellspacing="0" class="table_bord" width="100%"  id="usual_asseObjectsList">
                            <tr class="table_title" align="center">
                                <td><input type="checkbox" checked onclick=""/></td>
                                <td>领导班子</td>
                                <td>投票范围</td>
                            </tr>
                        </table>
                    </div>
                    <div style="float:right;">
                        <a href="javascript:backPrev(3);" class="button_big" style="display:inline-block">上一步</a>
                        <input type="submit" value="确 定" onclick="return publish()" id="usual_end" class="button_small" />
                    </div>
            </div>

解决方案 »

  1.   

    <style>
    .downDiv{ position:absolute; bottom:0; width:100%; }
    </style>  <div style="float:right;" class='downDiv'>
                            <a href="javascript:backPrev(3);" class="button_big" style="display:inline-block">上一步</a>
                            <input type="submit" value="确 定" onclick="return publish()" id="usual_end" class="button_small" />
                        </div>
      

  2.   

    用到的CSS :
    .table_bord{
        border-collapse:collapse;
        background-color:#ffffff;
        font-size:14px;
    }
    .table_title td{
        background:url(../images/gray_table_title.png) repeat-x;
        height:23px;
        line-height:23px;
    }
    .button_big{
        background:url(../images/button_big.png) no-repeat;
        width:80px;
        height:21px;
        line-height:21px;
        color:#ffffff;
        font-size:14px;
        text-align:center;
        border:none;
        cursor:pointer;
    }
    .button_small{
        background:url(../images/button_small.png) no-repeat;
        width:60px;
        height:21px;
        line-height:21px;
        color:#ffffff;
        font-size:14px;
        text-align:center;
        border:none;
        cursor:pointer;
    }
    好像都没有关系的
      

  3.   

    你 的<div id="step_4" style="display:none;">  这个默认隐藏了。
      

  4.   

    因为我的这几步都是在一个JSP 页面上完成的,不隐藏会出现错误。比如id="step_1" 的div 和 id="step_2"的div就会显示在一起了,不会出现下一步,上一步的情况,这样不是我想要的。