I have two almost identical pages in IE, one works and the other doesn't

Discussion in 'HTML' started by Luminari, Feb 9, 2007.

  1. Luminari

    Luminari Guest

    I have two pages. Both of them are supposed to have one table on it
    with a fixed header. Both pages were tested in IE6. Structurally they
    are identical. Both have a <div> that wraps a <table> that has a
    <thead> and a <tbody>. In the first example, the <thead> stays fixed
    at the top of the div as it scrolls. In the second example the
    <thead> scrolls away. Could anyone tell me what about the second page
    makes it not work?

    Thanks
    Luminari

    ###### Working Page ############
    <!doctype html public "-//w3c//dtd html 4.0 strict//en">
    <html>
    <head>
    <SCRIPT>
    window.onload=fnInit;
    function fnInit(){
    document.getElementById('header').style.setExpression("top",
    "document.getElementById('tC').scrollTop");
    }

    </SCRIPT>
    <style> body {
    width: 90%;
    }


    .tContainer {
    overflow: scroll;
    overflow-x: hidden;
    height: 200px;
    }

    .tHead {
    position: relative;
    background-color: black;
    color: white;
    border: 1px black solid;

    }
    /*.tBody {
    overflow: auto;
    overflow-x: hidden;
    height: 200px;
    }*/

    table {
    width: 100%;
    } </style>
    </head>
    <body>
    <div class="tContainer" id="tC">
    <table cellspacing="0" cellpadding="0">
    <thead class="tHead" id="header">
    <tr class="tHead">
    <th>heading1</th>
    <th>heading2</th>
    </tr>
    </thead>
    <tbody class="tBody">
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>
    <tr>
    <td>cell</td>
    <td>cell</td>
    </tr>

    </tbody>
    </table>
    </div>
    </body>
    </html>
    ###### End Working Page ########

    ###### Broken Page #############
    <!doctype html public "-//w3c//dtd html 4.0 strict//en">
    <html>
    <head>
    <SCRIPT>
    window.onload=fnInit;
    function fnInit(){
    document.getElementById('header').style.setExpression("top",
    "document.getElementById('tableWrapper').scrollTop");
    }

    </SCRIPT>

    </head>
    <body>

    <DIV id=tableWrapper style="OVERFLOW: scroll; WIDTH: 300px; HEIGHT:
    200px; overflow-x: hidden"><TABLE style="HEIGHT: 100%" __eventBits="1"
    onchange="null" onload="null" onerror="null">
    <THEAD style="POSITION: relative" id="header">
    <TR>
    <TH>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="26218263">Header 0</DIV></TH>
    <TH>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="13554088">Header 1</DIV></TH>
    <TH>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="2523263">Header 2</DIV></TH>
    <TH>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="12222848">Header 3</DIV></TH>
    <TH>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="9186595">Header 4</DIV></TH>
    <TH>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="15169271">Header 5</DIV></TH></TR></THEAD>
    <TBODY>
    <TR>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="3363479">Cell 0,0</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="436958">Cell 1,0</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="32787110">Cell 2,0</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="26999190">Cell 3,0</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="26598837">Cell 4,0</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="11547922">Cell 5,0</DIV></TD></TR>
    <TR>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="24340171">Cell 0,1</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="29100063">Cell 1,1</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="22081762">Cell 2,1</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="18816786">Cell 3,1</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="971362">Cell 4,1</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="7100172">Cell 5,1</DIV></TD></TR>
    <TR>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="23179452">Cell 0,2</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="28927374">Cell 1,2</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="16166428">Cell 2,2</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="3204263">Cell 3,2</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="18235855">Cell 4,2</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="13046161">Cell 5,2</DIV></TD></TR>
    <TR>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="10109394">Cell 0,3</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="12224239">Cell 1,3</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="18929335">Cell 2,3</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="32742489">Cell 3,3</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="3845057">Cell 4,3</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="22178007">Cell 5,3</DIV></TD></TR>
    <TR>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="22498184">Cell 0,4</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="32567496">Cell 1,4</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="15764751">Cell 2,4</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="10334381">Cell 3,4</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="31593792">Cell 4,4</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="23136580">Cell 5,4</DIV></TD></TR>
    <TR>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="2094435">Cell 0,5</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="22010742">Cell 1,5</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="12384824">Cell 2,5</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="12216222">Cell 3,5</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="31539877">Cell 4,5</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="27750365">Cell 5,5</DIV></TD></TR>
    <TR>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="2573832">Cell 0,6</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="30497304">Cell 1,6</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="13610862">Cell 2,6</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="32028273">Cell 3,6</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="31353833">Cell 4,6</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="27350423">Cell 5,6</DIV></TD></TR>
    <TR>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="6740524">Cell 0,7</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="24246069">Cell 1,7</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="17209502">Cell 2,7</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="18996396">Cell 3,7</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="25073711">Cell 4,7</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="16401384">Cell 5,7</DIV></TD></TR>
    <TR>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="8238932">Cell 0,8</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="18664654">Cell 1,8</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="907175">Cell 2,8</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="2020896">Cell 3,8</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="3763928">Cell 4,8</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="8409752">Cell 5,8</DIV></TD></TR>
    <TR>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="26148220">Cell 0,9</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="30015102">Cell 1,9</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="13189396">Cell 2,9</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="8119943">Cell 3,9</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="10246210">Cell 4,9</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="11434871">Cell 5,9</DIV></TD></TR>
    <TR>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="10751758">Cell 0,10</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="6503304">Cell 1,10</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="13605872">Cell 2,10</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="6021038">Cell 3,10</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="6718343">Cell 4,10</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="19645447">Cell 5,10</DIV></TD></TR>
    <TR>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="14196226">Cell 0,11</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="14252445">Cell 1,11</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="450123">Cell 2,11</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="28987414">Cell 3,11</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="4537415">Cell 4,11</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="5428820">Cell 5,11</DIV></TD></TR>
    <TR>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="23970790">Cell 0,12</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="29313387">Cell 1,12</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="15479518">Cell 2,12</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="14669379">Cell 3,12</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="24670213">Cell 4,12</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="7680063">Cell 5,12</DIV></TD></TR>
    <TR>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="22565791">Cell 0,13</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="23940670">Cell 1,13</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="16755466">Cell 2,13</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="23848942">Cell 3,13</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="169091">Cell 4,13</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="28476580">Cell 5,13</DIV></TD></TR>
    <TR>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="31070867">Cell 0,14</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="19663047">Cell 1,14</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="20337504">Cell 2,14</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="21479453">Cell 3,14</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="23347240">Cell 4,14</DIV></TD>
    <TD>
    <DIV class=gwt-Label __eventBits="125" onchange="null" onload="null"
    onerror="null" __hash="19023494">Cell 5,14</DIV></TD></TR></TBODY></
    TABLE></DIV>
    </body>
    </html>
    ###### End Broken Page ########
     
    Luminari, Feb 9, 2007
    #1
    1. Advertising

  2. Re: I have two almost identical pages in IE, one works and the otherdoesn't

    On Fri, 9 Feb 2007, Luminari wrote:

    > Lines: 631


    Moron!

    > I have two pages.


    Give URLs!
     
    Andreas Prilop, Feb 9, 2007
    #2
    1. Advertising

  3. Re: I have two almost identical pages in IE, one works and the otherdoesn't

    Luminari wrote:
    > I have two pages. Both of them are supposed to have one table on it
    > with a fixed header. Both pages were tested in IE6. Structurally they
    > are identical. Both have a <div> that wraps a <table> that has a
    > <thead> and a <tbody>. In the first example, the <thead> stays fixed
    > at the top of the div as it scrolls. In the second example the
    > <thead> scrolls away. Could anyone tell me what about the second page
    > makes it not work?


    URLs don't past code!

    "identical" eh, not hardly!

    1) did you even compare? Hint: look at embedded styles...
    2) did you even validate, almost 200 errors! Not a record, but with
    practice...
    3) "tested in IE6", obviously since neither work and any other browser.


    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
     
    Jonathan N. Little, Feb 9, 2007
    #3
  4. Luminari

    Luminari Guest

    Luminari, Feb 9, 2007
    #4
  5. Luminari

    Luminari Guest

    Most of those validation errors are because the script that generates
    the html adds a bunch of non-standard properties to the html
    elements.

    I'm looking at the embedded styles and I don't see the difference (its
    probably that I'm looking right at it but not seeing it)

    In both pages the div has: overflow: scroll;overflow-x:hidden;height:
    200px; and one one it has width:300px (although I can't imagine why
    that would change the result.

    In both pages the thead has style: position:relative;

    What am I missing?

    - Luminari
     
    Luminari, Feb 9, 2007
    #5
  6. mrcakey \(The Eclectic Electric\), Feb 9, 2007
    #6
  7. Luminari

    Luminari Guest

    Luminari, Feb 9, 2007
    #7
  8. Luminari

    Lars Eighner Guest

    In our last episode,
    <>, the lovely and
    talented Luminari broadcast on comp.infosystems.www.authoring.html:

    > Sorry, I've been working on this for four days now and I'm a little
    > frustrated, however I shouldn't be giving more work to you because of
    > that, you're right.


    > I have fixed the broken page so that my Ide stopped reporting
    > validation errors and posted the new version.


    > Broken Page: http://applicationsdev.vettro.com:8080/tmp/Table5.html


    > Working Page: http://applicationsdev.vettro.com:8080/tmp/Table3.html


    > Thank you for taking the time to be patient with me.


    Your first step should have been to validate your documents. You have
    invalid doctypes for both. Your public identifier (the stuff in the quotes)
    seems to be nonsense as I can find no record of a "-//w3c//dtd html 4.0
    strict//en" DTD. These are NAMES. They are not parsable and you cannot
    make them do something else by plugging something into them. You must
    recite them verbatim. The correct public id for 4.0 strict (assuming that
    is what you want) is "-//W3C//DTD HTML 4.0//EN" (although I would advise you
    to use 4.01 as 4.0 was dead on arrival and never well-supported by
    browsers).

    The TITLE element is required. Neither of your documents have it.

    STYLE requires the attribute TYPE. Table3.html does not have it.

    There may be other problems, but asking about invalid documents here is a
    waste of your time because hardly anyone will have the time to try to guess
    how various browsers will handle invalid documents.

    --
    Lars Eighner <http://larseighner.com/> <http://myspace.com/larseighner>
    Countdown: 710 days to go.
     
    Lars Eighner, Feb 9, 2007
    #8
  9. Luminari

    Luminari Guest

    Luminari, Feb 9, 2007
    #9
  10. Luminari

    Bergamot Guest

    Re: I have two almost identical pages in IE, one works and the otherdoesn't

    Luminari wrote:
    >
    > Broken Page: http://applicationsdev.vettro.com:8080/tmp/Table5.html
    > Working Page: http://applicationsdev.vettro.com:8080/tmp/Table3.html


    If your intent is for a table header that doesn't scroll off the page,
    then both of these are broken. thead{position:relative} doesn't do
    anything for that.

    A common reference for fixed table headers is
    http://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header.html

    --
    Berg
     
    Bergamot, Feb 9, 2007
    #10
  11. Luminari

    Luminari Guest

    On Feb 9, 2:23 pm, Bergamot <> wrote:
    > Luminari wrote:
    >
    > > Broken Page:http://applicationsdev.vettro.com:8080/tmp/Table5.html
    > > Working Page:http://applicationsdev.vettro.com:8080/tmp/Table3.html

    >
    > If your intent is for a table header that doesn't scroll off the page,
    > then both of these are broken. thead{position:relative} doesn't do
    > anything for that.
    >
    > A common reference for fixed table headers ishttp://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header.html
    >
    > --
    > Berg



    How come Table3 works as a fixed header then?
     
    Luminari, Feb 9, 2007
    #11
  12. Luminari

    Bergamot Guest

    Re: I have two almost identical pages in IE, one works and the otherdoesn't

    Luminari wrote:
    > On Feb 9, 2:23 pm, Bergamot <> wrote:
    >> Luminari wrote:
    >>
    >> > Broken Page:http://applicationsdev.vettro.com:8080/tmp/Table5.html
    >> > Working Page:http://applicationsdev.vettro.com:8080/tmp/Table3.html

    >>
    >> If your intent is for a table header that doesn't scroll off the page,
    >> then both of these are broken.

    >
    > How come Table3 works as a fixed header then?


    Not for me, it doesn't. I'm using Seamonkey, not that it really matters.

    --
    Berg
     
    Bergamot, Feb 9, 2007
    #12
  13. Luminari

    Luminari Guest

    On Feb 9, 3:40 pm, Bergamot <> wrote:
    > Luminari wrote:
    > > On Feb 9, 2:23 pm, Bergamot <> wrote:
    > >> Luminari wrote:

    >
    > >> > Broken Page:http://applicationsdev.vettro.com:8080/tmp/Table5.html
    > >> > Working Page:http://applicationsdev.vettro.com:8080/tmp/Table3.html

    >
    > >> If your intent is for a table header that doesn't scroll off the page,
    > >> then both of these are broken.

    >
    > > How come Table3 works as a fixed header then?

    >
    > Not for me, it doesn't. I'm using Seamonkey, not that it really matters.
    >
    > --
    > Berg



    It's only supposed to work for IE6, I have other implementations for
    other browsers. All I want is to get an IE specific implementation to
    work.
    Table3 works in IE6 and Table5 doesn't and I'm trying to figure out
    why.
     
    Luminari, Feb 9, 2007
    #13
  14. Luminari

    J.O. Aho Guest

    Re: I have two almost identical pages in IE, one works and the otherdoesn't

    Luminari wrote:
    > On Feb 9, 3:40 pm, Bergamot <> wrote:


    >>> How come Table3 works as a fixed header then?

    >> Not for me, it doesn't. I'm using Seamonkey, not that it really matters.

    > It's only supposed to work for IE6, I have other implementations for
    > other browsers. All I want is to get an IE specific implementation to
    > work.
    > Table3 works in IE6 and Table5 doesn't and I'm trying to figure out
    > why.


    Why make many implementations? You cause yourself just a load of extra work,
    better to make one that works correctly on as many browsers as possible from
    the first place, then you don't have to change thins in a number of
    html/css/javascript/server-side-scripts, but of course is all up to you to do
    the microsoft way, reinvent the wheel and claim you did it right even if it
    breaks standards.



    --

    //Aho
     
    J.O. Aho, Feb 9, 2007
    #14
  15. Luminari

    dorayme Guest

    dorayme, Feb 9, 2007
    #15
  16. Re: I have two almost identical pages in IE, one works and the otherdoesn't

    Luminari wrote:
    > On Feb 9, 3:40 pm, Bergamot <> wrote:
    >> Luminari wrote:
    >>> On Feb 9, 2:23 pm, Bergamot <> wrote:
    >>>> Luminari wrote:
    >>>>> Broken Page:http://applicationsdev.vettro.com:8080/tmp/Table5.html
    >>>>> Working Page:http://applicationsdev.vettro.com:8080/tmp/Table3.html
    >>>> If your intent is for a table header that doesn't scroll off the page,
    >>>> then both of these are broken.
    >>> How come Table3 works as a fixed header then?

    >> Not for me, it doesn't. I'm using Seamonkey, not that it really matters.
    >>
    >> --
    >> Berg

    >
    >
    > It's only supposed to work for IE6, I have other implementations for
    > other browsers. All I want is to get an IE specific implementation to
    > work.


    Why make an IE only when your can make *one* cross-browser supported
    version and that *doesn't* rely on broken markup or JavaScript?

    Bergamot handed you a perfect solution:

    http://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header.html


    > Table3 works in IE6 and Table5 doesn't and I'm trying to figure out
    > why.


    Why bother, it is the *wrong* way to do anyway.


    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
     
    Jonathan N. Little, Feb 9, 2007
    #16
  17. Luminari

    Luminari Guest

    On Feb 9, 4:42 pm, "Jonathan N. Little" <> wrote:
    > Luminari wrote:
    > > On Feb 9, 3:40 pm, Bergamot <> wrote:
    > >> Luminari wrote:
    > >>> On Feb 9, 2:23 pm, Bergamot <> wrote:
    > >>>> Luminari wrote:
    > >>>>> Broken Page:http://applicationsdev.vettro.com:8080/tmp/Table5.html
    > >>>>> Working Page:http://applicationsdev.vettro.com:8080/tmp/Table3.html
    > >>>> If your intent is for a table header that doesn't scroll off the page,
    > >>>> then both of these are broken.
    > >>> How come Table3 works as a fixed header then?
    > >> Not for me, it doesn't. I'm using Seamonkey, not that it really matters.

    >
    > >> --
    > >> Berg

    >
    > > It's only supposed to work for IE6, I have other implementations for
    > > other browsers. All I want is to get an IE specific implementation to
    > > work.

    >
    > Why make an IE only when your can make *one* cross-browser supported
    > version and that *doesn't* rely on broken markup or JavaScript?
    >
    > Bergamot handed you a perfect solution:
    >
    > http://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header.html
    >
    > > Table3 works in IE6 and Table5 doesn't and I'm trying to figure out
    > > why.

    >
    > Why bother, it is the *wrong* way to do anyway.
    >
    > --
    > Take care,
    >
    > Jonathan
    > -------------------
    > LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com



    Because I'm trying to get a consistent look across every browser. In
    the implementation you linked to, depending on the browser the
    scrollbar is in an entirely different location, causing an
    inconsistent look and inconsistent spacing. In the IE version the
    scrollbar is sitting in the middle of nowhere, and in the mozilla
    version the scrollbar is crammed into the last column. Since I'm
    using GWT (Google Web Toolkit) to render the output, I can change what
    gets displayed based on what browser is being used, so I'm not worried
    about making one hacky implementation. I already have a version of
    the page that works in Mozilla (and I hope most other modern
    browsers). I have an implementation which looks identical in both
    major browsers, but in order to get it to work well from a reusability
    standpoint, I'd like to get the Table5 version working. Table3 works
    without having the scrollbar floating in space, or crammed into the
    last column, I just don't know why Table5, which from all appearances
    uses the same css in a slightly different way (set as javascript or as
    inline styles instead of all as a css file) does not work correctly.
    If I can figure out why, I can make a reusable locked header table
    widget that works consistently across the browsers, and has the exact
    same look in every browser as well.

    - Luminari
     
    Luminari, Feb 9, 2007
    #17
  18. Luminari

    J.O. Aho Guest

    Re: I have two almost identical pages in IE, one works and the otherdoesn't

    dorayme wrote:
    > In article <>,
    > Bergamot <> wrote:
    >
    >> http://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header.html

    >
    > The only modern browser I have where this works is FF. Not
    > Safari, iCab, Opera.


    Works fine in Opera 9, SeaMonkey, Konqueror (khtml as Safari) and even older
    version of MSIE that runs with the WINE API.


    --

    //Aho
     
    J.O. Aho, Feb 9, 2007
    #18
  19. Luminari

    dorayme Guest

    In article <>,
    "J.O. Aho" <> wrote:

    > dorayme wrote:
    > > In article <>,
    > > Bergamot <> wrote:
    > >
    > >> http://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header.html

    > >
    > > The only modern browser I have where this works is FF. Not
    > > Safari, iCab, Opera.

    >
    > Works fine in Opera 9, SeaMonkey, Konqueror (khtml as Safari) and even older
    > version of MSIE that runs with the WINE API.


    My Mac version of Opera, true, is 8.51, Safari is 2.0.4

    --
    dorayme
     
    dorayme, Feb 9, 2007
    #19
  20. Luminari

    Andy Dingley Guest

    On 9 Feb, 22:05, "Luminari" <> wrote:

    > Because I'm trying to get a consistent look across every browser.


    Why? Who cares? Who is going to look at it in two browsers and
    compare directly?

    This pointless "search for consistency" is one of the biggest
    fallacies in web design.
     
    Andy Dingley, Feb 9, 2007
    #20
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Mr Flibble
    Replies:
    1
    Views:
    294
    John Timney \(MVP\)
    Jun 21, 2006
  2. David. E. Goble
    Replies:
    9
    Views:
    499
    David. E. Goble
    Feb 2, 2005
  3. gamename
    Replies:
    5
    Views:
    456
  4. mk
    Replies:
    4
    Views:
    571
    Steven D'Aprano
    Feb 25, 2010
  5. Luminari
    Replies:
    0
    Views:
    121
    Luminari
    Feb 8, 2007
Loading...

Share This Page