Technology Questions

Go Back   Technology Questions > Software Questions > Internet > Internet Explorer

Internet Explorer Discuss IE7 or any other IE version.



Reply
 
LinkBack Thread Tools
  #1  
Old 06-26-2007, 01:41 AM
Erik van Barneveld
Newsgroup Contributor
 
Posts: n/a
IE6/7 Bug in rendering table header when displayed in scrolled DIV

Check this HTML file. Press table cell 'ClickMe!'. Header drawn above table
header.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/transient.dtd">
<html>
<head>
<title>table with locked heading</title>
</head>
<body onload="init()">
<script>
function init() {
var node = document.getElementById("tbl-container");
node.scrollTop = 30;
}

function foo() {
var cell = document.getElementById("datacell");
cell.innerHTML = "ClickMe!";
}

</script>
<style type="text/css">
div#tbl-container {
border-width: 1px;
border-style: solid;
width: 300px;
height: 100px;
overflow: auto;
}
tr#hr {
height: 20px;
position: relative;
}
</style>
<div id="tbl-container">
<table>
<thead>
<tr bgcolor=#77FFFF id="hr">
<td>heading1</td>
<td>heading2</td>
<td>heading3</td>
</tr>
</thead>

<tbody>

<tr><td>data1</td><td>data2</td><td>data3</td></tr>
<tr><td>data2</td><td>data2</td><td>data3</td></tr>
<tr><td id="datacell"
onclick="foo()">ClickMe!</td><td>data2</td><td>data3</td></tr>
<tr><td>data4</td><td>data2</td><td>data3</td></tr>
<tr><td>data5</td><td>data2</td><td>data3</td></tr>
<tr><td>data6</td><td>data2</td><td>data3</td></tr>
<tr><td>data7</td><td>data2</td><td>data3</td></tr>
<tr><td>data8</td><td>data2</td><td>data3</td></tr>
<tr><td>data9</td><td>data2</td><td>data3</td></tr>
<tr><td>data10</td><td>data2</td><td>data3</td></tr>
<tr><td>data11</td><td>data2</td><td>data3</td></tr>
<tr><td>data12</td><td>data2</td><td>data3</td></tr>
</tbody>
</table>
</div>
</body>
</html>



----------------
This post is a suggestion for Microsoft, and Microsoft responds to the
suggestions with the most votes. To vote for this suggestion, click the "I
Agree" button in the message pane. If you do not see the button, follow this
link to open the suggestion in the Microsoft Web-based Newsreader and then
click "I Agree" in the message pane.

http://www.microsoft.com/communities...plorer.general
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

 
Old 06-26-2007, 01:41 AM
Reply

Bookmarks

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads
Thread Thread Starter Forum Replies Last Post
ACCESS table linked to EXCEL spreadsheet. How to know which table is linked? Art Microsoft Office 2 04-02-2007 02:15 AM
Removing a Header Box Fern Microsoft Office 1 02-15-2007 08:18 AM
AAC Plus header format vishu Windows Media 0 02-04-2007 09:49 AM
Table from IE as an editable table - 2007 DZ Microsoft OneNote 3 01-22-2007 02:30 PM
Logo in header LPH Announcements 0 01-17-2004 12:13 PM


New To Technology Questions? Do You Need Help with Your Computer or Device? Do You Need Help with this site?

All times are GMT -8. The time now is 07:10 PM.


2003 - 2010 All Rights Reserved. Technology Questions

Search Engine Friendly URLs by vBSEO 3.3.0