The screenshot is showing /admin/reports/dblog, in Chinese, sorry.

As you can see from the screenshot, the floating header of the table is not aligned correctly, mainly because the total width of floating header is so small that it cannot cover all the header area.

It is not a problem in my opera browser, though. So it might be another IE7-only problem.

CommentFileSizeAuthor
#2 ie7_floating_header.patch596 bytesdvessel
tablefloatheader.JPG34.96 KBfundawang

Comments

dvessel’s picture

dvessel commented

This can be easily fixed by adding in a space ( ) within tableheader.js. IE predictably collapses that area since it has no content.

// Clone and wrap cell contents in sticky wrapper that overlaps the cell's padding.
$('<div class="sticky-header" style="position: fixed; visibility: hidden; top: 0px;">'+ html +'&nbsp;</div>').prependTo(this);

But do we want to. :)

dvessel’s picture

dvessel commented
Status: Active » Needs review
StatusFileSize
new ie7_floating_header.patch596 bytes

Never mind what I just said. Here's a fix. IE7 doesn't return a blank space but an empty string.

// Ensure each cell has an element in it.
var html = $(this).html();
if (html == ' ' || html == '') {
  html = '&nbsp;';
}

All that was changed. Both needs to be checked for so we don't get the same problem with compliant browser.

dvessel’s picture

dvessel commented
Title: Wrongly calculated total width of table in IE7 » Collapsing floating table header cells in IE7
Version: 6.0-rc1 » 6.x-dev
dvessel’s picture

dvessel commented
Status: Needs review » Closed (duplicate)

Marking dupe. Issue will be fixed here:

http://drupal.org/node/194590