I notice that the header color and text size is ignored in Internet Explorer. I verified that the CTI Flex demo site is also effected like my site is. http://www.CyberCPU.com

Since my header is dark my logo and site name are white so in Internet Explorer you can't see them at all because it does not show color in the header background. Also all the text on the site is huge. I got these results in Windows XP SP3 with IE 8.

The site looks great in Firefox and Chrome.

I have attached a few screen shots to show the difference in Firefox and IE.

CommentFileSizeAuthor
firefox.png262.22 KBvdub12
ie.png87.44 KBvdub12
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

vdub12’s picture

It looks like I have a workaround almost working in IE.

I used the Browser class module to detect ie and then used the CSS injector module to add custom CSS for just ie.

vdub12’s picture

Just a time saver for people doing the same thing as me here is the CSS I used to make Internet Explorer look better. I also used CSS3PIE to make the round corners work.

body.ie #page .section {
  background-image: url(http://www.cybercpu.com/sites/default/files/header.png);
  padding-top: 10px;
  padding-bottom: 10px;
}
body.ie #navigation .section {
  font-size: 12px;
}
body.ie h2.block-title {
  position:relative;
  border-radius: 11px 11px 0 0;
  behavior: url(http://www.cybercpu.com/sites/all/libraries/PIE/PIE.htc);
}
body.ie .block {
  font-size: 12px;
  position:relative;
  border-radius: 11px;
  behavior: url(http://www.cybercpu.com/sites/all/libraries/PIE/PIE.htc);
}
body.ie .node ul.links {
  position:relative;
  border-radius: 11px;
  behavior: url(http://www.cybercpu.com/sites/all/libraries/PIE/PIE.htc);
}
body.ie #node-29 a {
  font-size: 16px;
}
body.ie h1 {
  font-size: 21px;
}
body.ie h2 {
  font-size: 16px;
}
body.ie #content ul a {
  font-size: 12px;
}
body.ie .breadcrumb {
  font-size: 11px;
}
body.ie label {
  font-size: 12px;
}
sadami’s picture

I find with the problem, font size error in IE 6,7,8 + Win XP, but other combo no error.

I find a lost " in the page.tpl.php

<div id="page-wrapper"><div id="page" <?php if (!($main_menu || $page['navigation'])) { print 'class="no-navigation"'; } ?>">

and changed this code for

<div id="page-wrapper"><div id="page" <?php if (!($main_menu || $page['navigation'])) { print 'class="no-navigation"'; } ?>>

The problem disappeared immediately.

ajross’s picture

Thanks for catching that typo (the stray quotation)! I'll be sure to get the removed in the next release of the theme.

thepak’s picture

#3 Works for me
Thank you so much

mermentau’s picture

Way to go sadami. Hurray for the issue queue. Works here too.

smuglet’s picture

sadami brilliant catch.

anyone know how to tell the guys who do the theme so they can be sure to put it in the next update?

ajross’s picture

This is how you tell the "gal" who does the theme and it will be in the next release. Sorry for the delays - I've been swamped but will try to get something out in the next month sometime.

Gerben Zaagsma’s picture

sadami i wish i could take you out for diner, thanks so much!

we launched a website yesterday and got bunch of reports from pre IE( users about these issues, all solved now :)

very best and thanks again,
Gerben

astrosa530’s picture

I've been wracking my head over this for weeks. I can't believe it was that simple. Sadami ftw!

vitaly_repin’s picture

Got this mine also. Comment #3 is the right solution!

stevenovy’s picture

#3 fixed our theme as well, great find sadami, nicely done!

roball’s picture

ajross on April 17, 2012:

This is how you tell the "gal" who does the theme and it will be in the next release. Sorry for the delays - I've been swamped but will try to get something out in the next month sometime.

More than 8 months are now gone since the "in the next month" announcement. Did this theme die at all?