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

L

Luminari

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 ########
 
J

Jonathan N. Little

Luminari said:
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?
Click to expand...

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.
 
L

Luminari

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
 
L

Luminari

L

Lars Eighner

In our last episode,
the lovely and said:
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.
Click to expand...
I have fixed the broken page so that my Ide stopped reporting
validation errors and posted the new version.
Click to expand...
Broken Page: http://applicationsdev.vettro.com:8080/tmp/Table5.html
Click to expand...
Working Page: http://applicationsdev.vettro.com:8080/tmp/Table3.html
Click to expand...
Thank you for taking the time to be patient with me.
Click to expand...

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.
 
L

Luminari

L

Luminari

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
Click to expand...


How come Table3 works as a fixed header then?
 
L

Luminari

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


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.
 
J

J.O. Aho

Luminari said:
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.
Click to expand...

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.
 
J

Jonathan N. Little

Luminari said:
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.
Click to expand...

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.
Click to expand...

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

Luminari

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


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


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
 
J

J.O. Aho

dorayme said:
The only modern browser I have where this works is FF. Not
Safari, iCab, Opera.
Click to expand...

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

dorayme

"J.O. Aho said:
Works fine in Opera 9, SeaMonkey, Konqueror (khtml as Safari) and even older
version of MSIE that runs with the WINE API.
Click to expand...

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

Andy Dingley

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

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.
 

Ask a Question

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

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

I have two almost identical pages in IE, one works and the other doesn't 0
Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one? 0
Javascript DOM 1
Sort by number of characters 1
I am using 2 loops, 1 for input and 1 for td. Can we achieve the same functionality with 1 loop in Jquery? 4
How can I calculate the last payment of the year to be the sum of all previous payments for that year and subtracting it from Research Costs value? 7
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button> 1
Filter table rows based on multiple checkboxes value 2

Members online

Total: 308 (members: 3, guests: 305)
Robots: 77

Forum statistics

Threads
473,968
Messages
2,570,152
Members
46,697
Latest member
AugustNabo

Latest Threads

Top