Hello I am using drupal 7.21and Zircon theme (very nice), but I have a problem with IE9.
In the sidebar first: blocks overlap.

Link my website: ordineveterinaricz.it

Same problem on the website of weebpal : demo.weebpal.com/#zircon

please help me!!!
and sorry for my english

Thank you

CommentFileSizeAuthor
#11 zircon_change.png44.71 KBWeebPal
#5 error.png150.76 KBantims
zircon ie9.jpg269.62 KBstefanorusso
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

christophoro’s picture

The problem I found is somewhat similar. I am using Drupal 7.21 and IE8. If I remove all the blocks from Sidebar first because I only want a two column layout the blocks in Sidebar second overlap each other the same way as stefanorusso's picture shows. So Sidebar second looks all right if Sidebar first is shown but overlaps the blocks if it is hidden. This bug doesn't show on Firefox or Chromium. I know this bug is not the same as what stefanorusso posted since on his picture both sidebars are shown but it might help to track the issue down. Also I noticed that even when I use the Green style skin the Main menu colour is still red when I hover over it in IE8.
The skin is amazing btw, thank you.

ossan’s picture

I have the same problem with IE as well. No problem with chrome, firefox, and safari. I really like this theme. Anyone can help?

75300’s picture

I have the same problem. If both sidebars are switched on, blocks in the left sidebar overlap. If the right sidebar only is on, blocks in the right sidebar overlap. The bug appeared for me in MSIE8. I had no chance to load the site in MSIE9 but I've checked it in MSIE 10, Chromium and Firefox, the theme looked great.

75300’s picture

Commented string "console.log(container_width);" in js/responsive.js - it worked for me (no overlaps in MSIE8 as I can see).

antims’s picture

FileSize
150.76 KB

I have the same problem with IE9.

WeebPal’s picture

Hi, you can update the latest version of zircon. I tested in it and saw it worked good.

Thanks,

Terebinth’s picture

Thanks @75300 that worked for me. @Weebpal, the latest version of Zircon still has the same issue.

christophoro’s picture

I can confirm that the latest version still have the issue and #4 worked for me too. Thanks.

Carlos R.’s picture

Priority: Major » Critical

procedures did not work but 4 °
I await response Thank you

etdouglas’s picture

Subscribed

WeebPal’s picture

FileSize
44.71 KB

Hello,

This issue came from conflict of masory js library. So you can open sites/all/modules/zircon/zircon.info and comment 2 lines

scripts[] = 'js/jquery.masonry.js'
scripts[] = 'js/jquery.masonry.min.js'

Save it, and clear all cache. Refresh your site and it will work good.

Thanks,
WeebPal Team

antims’s picture

and replace Responsive.js with:

(function ($) {
  Drupal.Responsive = Drupal.Responsive || {};
  Drupal.Responsive.supportedScreens = [0.5, 479.5, 719.5, 959.5, 1049.5];
  Drupal.Responsive.oldWindowWidth = 0;
  Drupal.Responsive.updateResponsiveMenu = function(){
    var windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
    if(windowWidth < Drupal.Responsive.supportedScreens[3]){
      $('.region-menu-bar').hide();
      $('.responsive-menu-button').show();
    }
    else{
      $('.responsive-menu-button').hide();
      $('.region-menu-bar').show();
    }
  }

  Drupal.Responsive.initResponsiveMenu = function(){
    Drupal.Responsive.updateResponsiveMenu();
    $('.tb-main-menu-button').bind('click',function(e){
      var target = $('.region-menu-bar');
      if(target.css('display') == 'none') {
        window.scrollTo(0, 0);
        target.css({display: 'block'});
      }
      else {
        target.css({display: 'none'});
      }
    });
  }

  Drupal.behaviors.actionResponsive = {
    attach: function (context) {
      Drupal.Responsive.initResponsiveMenu();
      $(window).resize(function(){
        var windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
        if(windowWidth != Drupal.Responsive.oldWindowWidth){
          Drupal.Responsive.updateResponsiveMenu();
          Drupal.Responsive.oldWindowWidth = windowWidth;
        }
      });
    }
  };
})(jQuery);
lionheart8’s picture

Hi

I noted that the solution in #11 solves the problem for Internet explorer 10 BUT not 8, leaving the blocks overlapping.

Sure, I am not using I.E. 8 myself, but there is still a significant number of folks around the world for example using Win XP, which does not allow even I.E. 9, who cannot just buy Win 7 - yes, for many folks stuff like $$ are a no small issue at all, or for some other legitimate reasons. ;)

Anyway, would be grateful if I would be able to use this theme as many site visitors are from the poorer countries, etc or at least use Win XP/ I.E. 8.

For #12 you say:

and replace Responsive.js with:

Does it mean the whole js or just some lines?

Thank you & regards.

lionheart8’s picture

Update for I.E. 8

Replacing responsive.js with that in #12 solves the issue I mentioned above for I.E. Explorer 8 /Win XP users. ;)

Thank you.

antims’s picture

Welcome.

dibyadel’s picture

I am also facing the same problem with overlapping

balcorn’s picture

commenting out line 97 in js/responsive.js "console.log(container_width);" worked great for me.. thank you

Anonymous’s picture

#12 solves the issue for me and also solves other js error in IE8...

thank you