Homebox layout broken in IE7/8 [#1037968]

The floating divs were all rendering as very tall and thin. I added

#homebox {
	width: 950px;
}

to my stylesheets which has helped a lot, but my top 100% region seems to also take 100% height pushing down the other columns. Any ideas? I've added a screenshot of the problem. Everything is fine in FF and Webkit

Comment	File	Size	Author
	homebox-ss.png	26.94 KB	niccottrell

Comments

Comment #1

niccottrell commented 28 January 2011 at 12:51

Ok, for some reason IE returns "WIDTH:100%" while the code is checking for lowercase and with a semicolon. I've changed the function in homebox.js to:

Drupal.homebox.equalizeColumnsHeights = function(columns) {
  maxHeight = 0;
  $columns.each(function() {
    if ($(this).parent('.homebox-column-wrapper').attr('style').match(/width: 100%/i)) {
      $(this).height('auto');
      currentHeight = $(this).height();
      if (maxHeight < currentHeight) {
        maxHeight = currentHeight;
      };
    };
  }).each(function() {
    if ($(this).parent('.homebox-column-wrapper').attr('style').match(/width: 100%/i)) {
      $(this).height(maxHeight);
    }
  });
  
  return $columns;
};

Maybe this can be included in the next release?