Top fixed screen


DevX Home    Today's Headlines   Articles Archive   Tip Bank   Forums   

Results 1 to 2 of 2

Thread: Top fixed screen

Hybrid View

  1. #1
    Cheng Guest

    Top fixed screen


    I need to design a web page (in IE without frame) which contains three portions
    -- top heading, title bar and content. Since the content is huge, users are
    able to scroll both vertically and horizontally, but top heading needs to
    be fixed always and the title bar needs to be fixed vertically. I have problems
    with Select Box when scrolling vertically.

    My code is the following:

    <HTML>
    <head>
    <title>Partial Scrollable</title>
    <style>
    #mainDiv{
    position:absolute;
    width:100%;
    background-color:#ff9933;
    top:0;
    left:0
    }
    #subDIV{
    position:absolute;
    width:100%;
    top:0;
    left:10;
    background-color:#ff9933;
    }
    #titleDIV{
    position:absolute;
    width:100%;
    top:90;
    left:10;
    background-color:#99cc66;
    }
    </style>
    </head>

    <body>
    <div id="mainDiv" width="100%">
    <div id="subDIV">
    <table width="100%" border="0">
    <tr>
    <td>This is the static Text</td>
    <td>This is the static Text</td>
    <td>This is the static Text</td>
    <td>This is the static Text</td>
    <td>This is the static Text</td>
    <td>This is the static Text</td>

    </tr>
    <tr>
    <td>This is the static Text</td>
    <td>This is the static Text</td>
    <td>This is the static Text</td>
    <td>This is the static Text</td>
    <td>This is the static Text</td>
    <td>This is the static Text</td>

    </tr>
    <tr>
    <td>This is the static Text</td>
    <td>This is the static Text</td>
    <td>This is the static Text</td>
    <td>This is the static Text</td>
    <td>This is the static Text</td>
    <td>This is the static Text</td>

    </tr>
    <tr>
    <td>This is the static Text</td>
    <td>This is the static Text</td>
    <td>This is the static Text</td>
    <td>This is the static Text</td>
    <td>This is the static Text</td>
    <td>This is the static Text</td>

    </tr>
    </table>
    </div>
    </div>

    <div id="titleDIV" width=100%>
    <table>
    <tr>
    <th nowrap width=90>Column 1</th>
    <th nowrap width=100>Column 2</th>
    <th nowrap width=85>Column 3</th>
    <th nowrap width=85>Column 4</th>
    <th nowrap width=85>Column 5</th>
    <th nowrap width=230>Column 6</th>
    <th nowrap width=230>Column 7</th>
    <th nowrap width=230>Column 8</th>
    <th nowrap width=230>Column 9</th>
    <th nowrap width=230>Column 10</th>
    </tr>
    </table>
    </div>

    <IMG SRC="grey.gif" height=100 width=1 border=0>
    <div id="restContent" width="100%">
    <table border =0>
    <tr>
    <td width=100><input type="text" size="10" maxlength="10" value="1"></td>
    <td width=100 nowrap> test test</td>
    <td width=100><input type="text" size="10" maxlength="10" value="V100"></td>
    <td width=100>
    <select>
    <option>test1 test</option>
    <option>test2 test</option>
    </select>
    </td>
    <td width=100><input type="text" size="10" maxlength="10" value="2"></td>
    <td width=250><input type="text" size="30" maxlength="30" value="12345"></td>
    <td width=250><input type="text" size="30" maxlength="30" value="12345"></td>
    <td width=250><input type="text" size="30" maxlength="30" value="12345"></td>
    <td width=250><input type="text" size="30" maxlength="30" value="12345"></td>
    <td width=250><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    <tr>
    <td><input type="text" size="6" maxlength="6" value="1"></td>
    <td> test </td>
    <td><input type="text" size="6" maxlength="6" value="V100"></td>
    <td>
    <select>
    <option>test1</option>
    <option>test2</option>
    </select>
    </td>
    <td><input type="text" size="6" maxlength="6" value="2"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    <td><input type="text" size="30" maxlength="30" value="12345"></td>
    </tr>
    </table>
    </div>

    <script language="JavaScript">
    subDIV.style.width = document.body.offsetWidth - 20
    function reset(){
    mainDiv.style.left=document.body.scrollLeft
    mainDiv.style.top=document.body.scrollTop
    subDIV.style.width = document.body.offsetWidth - 20
    titleDIV.style.width = document.body.offsetWidth - 20
    titleDIV.style.top=document.body.scrollTop+90
    }

    window.onscroll= reset
    window.onresize= reset
    </script>
    </body>
    </html>


    Any idea to fix the problem?


    Thanks,

    Cheng


  2. #2
    ac7117 Guest

    Re: Top fixed screen


    Cheng,

    I added the following css styles in corresponding to the DIV tag ID you specified:

    #restContent {
    width: 100%;
    height: 80%;
    overflow: auto;
    }

    It should now give you an "overflow" view of your content where the scrolling
    bar will be automatically available whenever it becomes necessary.

    I did this on Internet Explorer. Hope this would help.

    AC

    "Cheng" <chengyao_zhu@yahoo.com> wrote:
    >
    >I need to design a web page (in IE without frame) which contains three portions
    >-- top heading, title bar and content. Since the content is huge, users

    are
    >able to scroll both vertically and horizontally, but top heading needs to
    >be fixed always and the title bar needs to be fixed vertically. I have problems
    >with Select Box when scrolling vertically.
    >
    >My code is the following:
    >
    ><HTML>
    ><head>
    ><title>Partial Scrollable</title>
    ><style>
    >#mainDiv{
    >position:absolute;
    >width:100%;
    >background-color:#ff9933;
    >top:0;
    >left:0
    >}
    >#subDIV{
    >position:absolute;
    >width:100%;
    >top:0;
    >left:10;
    >background-color:#ff9933;
    >}
    >#titleDIV{
    >position:absolute;
    >width:100%;
    >top:90;
    >left:10;
    >background-color:#99cc66;
    >}
    ></style>
    ></head>
    >
    ><body>
    ><div id="mainDiv" width="100%">
    ><div id="subDIV">
    ><table width="100%" border="0">
    ><tr>
    ><td>This is the static Text</td>
    ><td>This is the static Text</td>
    ><td>This is the static Text</td>
    ><td>This is the static Text</td>
    ><td>This is the static Text</td>
    ><td>This is the static Text</td>
    >
    ></tr>
    ><tr>
    ><td>This is the static Text</td>
    ><td>This is the static Text</td>
    ><td>This is the static Text</td>
    ><td>This is the static Text</td>
    ><td>This is the static Text</td>
    ><td>This is the static Text</td>
    >
    ></tr>
    ><tr>
    ><td>This is the static Text</td>
    ><td>This is the static Text</td>
    ><td>This is the static Text</td>
    ><td>This is the static Text</td>
    ><td>This is the static Text</td>
    ><td>This is the static Text</td>
    >
    ></tr>
    ><tr>
    ><td>This is the static Text</td>
    ><td>This is the static Text</td>
    ><td>This is the static Text</td>
    ><td>This is the static Text</td>
    ><td>This is the static Text</td>
    ><td>This is the static Text</td>
    >
    ></tr>
    ></table>
    ></div>
    ></div>
    >
    ><div id="titleDIV" width=100%>
    ><table>
    ><tr>
    ><th nowrap width=90>Column 1</th>
    ><th nowrap width=100>Column 2</th>
    ><th nowrap width=85>Column 3</th>
    ><th nowrap width=85>Column 4</th>
    ><th nowrap width=85>Column 5</th>
    ><th nowrap width=230>Column 6</th>
    ><th nowrap width=230>Column 7</th>
    ><th nowrap width=230>Column 8</th>
    ><th nowrap width=230>Column 9</th>
    ><th nowrap width=230>Column 10</th>
    ></tr>
    ></table>
    ></div>
    >
    ><IMG SRC="grey.gif" height=100 width=1 border=0>
    ><div id="restContent" width="100%">
    ><table border =0>
    ><tr>
    ><td width=100><input type="text" size="10" maxlength="10" value="1"></td>
    ><td width=100 nowrap> test test</td>
    ><td width=100><input type="text" size="10" maxlength="10" value="V100"></td>
    ><td width=100>
    ><select>
    ><option>test1 test</option>
    ><option>test2 test</option>
    ></select>
    ></td>
    ><td width=100><input type="text" size="10" maxlength="10" value="2"></td>
    ><td width=250><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td width=250><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td width=250><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td width=250><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td width=250><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ><tr>
    ><td><input type="text" size="6" maxlength="6" value="1"></td>
    ><td> test </td>
    ><td><input type="text" size="6" maxlength="6" value="V100"></td>
    ><td>
    ><select>
    ><option>test1</option>
    ><option>test2</option>
    ></select>
    ></td>
    ><td><input type="text" size="6" maxlength="6" value="2"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ><td><input type="text" size="30" maxlength="30" value="12345"></td>
    ></tr>
    ></table>
    ></div>
    >
    ><script language="JavaScript">
    >subDIV.style.width = document.body.offsetWidth - 20
    >function reset(){
    >mainDiv.style.left=document.body.scrollLeft
    >mainDiv.style.top=document.body.scrollTop
    >subDIV.style.width = document.body.offsetWidth - 20
    >titleDIV.style.width = document.body.offsetWidth - 20
    >titleDIV.style.top=document.body.scrollTop+90
    >}
    >
    >window.onscroll= reset
    >window.onresize= reset
    ></script>
    ></body>
    ></html>
    >
    >
    >Any idea to fix the problem?
    >
    >
    >Thanks,
    >
    >Cheng
    >



Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center
 
 
FAQ
Latest Articles
Java
.NET
XML
Database
Enterprise
Questions? Contact us.
C++
Web Development
Wireless
Latest Tips
Open Source


   Development Centers

   -- Android Development Center
   -- Cloud Development Project Center
   -- HTML5 Development Center
   -- Windows Mobile Development Center