I am sorry that I didn't put the full code out there. ASP.net spits
out the HTML and what you see here is nothing but a stripped down
version to simply illustrate the problem. Here's the full version that
gets IE to work, but fails in Firefox. If I can have Firefox show the
grids, I am all done. Thanks in advance to anyone who is willing to
give it a try. The borders simply disappear. The idea of two tables
doesn't work as the widths need to be set explicitly and the two
tables need to align perfectly too..like the column headings...Is
there any other cross browser simpler solution for making the headers
static...a tleast on IE and Firefox?
<html>
<style id="instyle" type="text/css">
..containerIE
{
border: 1px solid black;
height: 150px;
overflow: auto;
}
table{
empty-cells: show;
}
..container
{
border: 1pt solid black;
height: 150px;
width: 80%
overflow: auto;
overflow-x: hidden;
}
..Freezing
{
position:relative ;
top:expression(this.offsetParent.scrollTop-2);
z-index: 10;
background-color: white;
}
</style>
<script>
function modifyHTML()
{
if (navigator.appVersion.indexOf("MSIE")!=-1){
}
else{ //its not IE so hide the containerIE tag
var tab= document.getElementById("instyle");
str= tab.innerHTML;
str=str.replace("containerIE", "containerIE2"); //Simply Supress IE
behaviour on non-IE browsers
tab.innerHTML=str;
}
</script>
<body onLoad="modifyHTML();">
<div class="containerIE" id="containerIE">
<table rules="all" border =1 width="80%" style="border-
collapse:collapse;">
<tr class="Freezing">
<th>Col1</th>
<th>Col2</th>
<th>Col3</th>
</tr>
<tbody class="container">
<tr>
<td style="color: White; background-color: White;"> </td>
<td style="background-color: Lime;">vow</td>
<td>3</td></tr>
<tr><td bgcolor="Lime">nothing again</td><td></td><td>Whatever</td></
tr>
<tr>
<td style="background-color: White;"></td>
<td style="color: Lime; background-color: Lime;"></td><td>3</td>
</tr>
<tr>
<td style="background-color: White;"></td>
<td style="color: Lime; background-color: Lime;"></td><td>Jack</td>
</tr>
<tr>
<td style="background-color: White;"></td>
<td style="color: Lime; background-color: Lime;"></td><td>3</td>
</tr>
<tr>
<td style="background-color: White;"></td>
<td style="color: Lime; background-color: Lime;"></td><td>Hello</td>
</tr>
<tr>
<td style="background-color: White;"></td>
<td style="color: Lime; background-color: Lime;"></td><td>3</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
Search
