Hello,

After upgrading to 7.2.2 I notice in IE9 the header falls to the middle, confirmed this on all my corolla sites.

Sample link
http://tinyurl.com/3ud349p

CommentFileSizeAuthor
#2 header.png61.93 KBgiorgio79
#1 corolla_heade.png604.43 KBJeff Burnz
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Jeff Burnz’s picture

Jeff Burnz CreditAttribution: Jeff Burnz commented
Category: bug » support
Status: Active » Postponed (maintainer needs more info)
FileSize
corolla_heade.png604.43 KB

I don't really understand what you mean, it looks the same in all browsers - see the screenshots of what I see on your site. This is actually the correct display, what it was always meant to look like - in the first 7.x-2.x version there was a coding mistake which overrode the display:table; which Jarek used in the original coroalla theme, I reinstated this so its true to the original design. So this version is actually the the correct display, vertically aligned center - I think this is what you mean?

giorgio79’s picture

giorgio79 CreditAttribution: giorgio79 commented
Title: IE9: Logo div in header falls to middle » IE8: Logo div in header falls to middle
FileSize
header.png61.93 KB

One clarification I missed the browser, it is IE8.

Here is the screenshot.

Jeff Burnz’s picture

Jeff Burnz CreditAttribution: Jeff Burnz commented
Category: support » bug
Status: Postponed (maintainer needs more info) » Active

How weird :)

John_B’s picture

John_B CreditAttribution: John_B commented

Does not happen for me. But the site is under construction & still has default logo. Maybe that is the difference?

The upgrade did give me WSOD / error messages, but cron fixed it. Probably needed to clear caches. Otherwise all is well,

John_B’s picture

John_B CreditAttribution: John_B commented

Does not happen for me. But the site is under construction & still has default logo. Maybe that is the difference?

The Corolla upgrade did give me WSOD / error messages, but cron fixed it. Probably needed to clear caches. Otherwise all is well, inc. on IE8,

giorgio79’s picture

giorgio79 CreditAttribution: giorgio79 commented

John B please check with a custom logo.

John_B’s picture

John_B CreditAttribution: John_B commented

If the logo image is 240 square it is a displayed correctly in IE9. It is displayed centered horizontally on the page, and vertically above the site title in IE8.

If the image is 160 square the logo + site name is displayed centered on the page, the logo inline with the site name in IE8.

If the image is 160 square it is displayed centered on the page and vertically above the site name in IE6.

I used http://ipinfo.info/netrenderer/index.php as I don't have a lots of browsers on current laptop.

giorgio79’s picture

giorgio79 CreditAttribution: giorgio79 commented

Thanks John, sounds like you bumped into the issue as well. On another site my logo is 81*101 and it is off in IE8.

John_B’s picture

John_B CreditAttribution: John_B commented

Not yet, though I may. At the end of the day I guess theme developers could just document maximum logo size, the way Wordpress is so strict about header images. IE is really a pain :-/ especially for someone like me whose css 2 skills still need to improve.

Jeff Burnz’s picture

Jeff Burnz CreditAttribution: Jeff Burnz commented

There is a stylesheet called ie-lte-9.css, try adding this to it:

#branding * {
  display: block;
}
#branding,
#logo,
#branding hgroup {
  float: left;
}
.site-name-hidden #branding hgroup {
  clear: left;
}

That should take care of most permutations, however it will not center the site name vertically, which is very hard without display table properties.

giorgio79’s picture

giorgio79 CreditAttribution: giorgio79 commented

Thanks Jeff, just tried it (dupeoff.com), and it did not change the stuff in IE 8.

giorgio79’s picture

giorgio79 CreditAttribution: giorgio79 commented

Ok, the way to replicate this is to add some menu blocks to the menu bar on top. Once that is in place with a logo that is not 70*70 , the site name area gets displaced.