Title pretty much says it all. The buttons render fine in firefox and chrome but they don't show up in internet explorer. Anyone have an idea on this one? This occurs with both tango and IE7 skin.

Comments

melchoir55’s picture

Title: jcarousel container sometimes fails to load skin.css » Next button does not show up in IE7

You can check it out for yourself at *fixed*.

melchoir55’s picture

Note that if you switch to another tab in the profile, the arrows DO show up!

I'm having a lot of trouble narrowing this down since I can't use firebug... can someone please help out here?

melchoir55’s picture

Title: jcarousel container sometimes fails to load skin.css » Next button does not show up in IE7

I've found the problem, but I don't really know how to solve it. The two pages are loading different css sheets for jcarousel-container.

The one working properly is using the code from tango skin css. The one that is not working properly is using code from my theme.css file. I think it is important to point out that the code it claims it is using from theme.css *does not exist*. I do have code which targets and modifies the container, but firebug reports a lot more than that. See below:

#block-views-artist_products-block_1 .jcarousel-container {
  background:#ffffff 0 0;
  border-bottom:#000000 1px solid;
  border-left:#000000 1px solid;
  border-right:#000000 1px solid;
  border-top:#000000 1px solid;
}

#block-views-artist_products-block_1 .jcarousel-container-horizontal {
  width:550px;
}

Note that the first entry, the one targeting .jcarousel-container, it is not in the file which firebug claims it it in. Further, none of this explains why the view is acting differently depending on which page you view it on. Presumably it should be accessing the same style sheets regardless.

The actual entry targeting .jcarousel-container in the referenced file is below:

#block-views-artist_products-block_1 .jcarousel-container { 
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #000000;
}

I think the problem is really that, when not being displayed properly, the container has no reference to the skin's skin.css (it isn't being overriden, it just isn't there). It IS there on the pages where it displays properly.

Again, this problem is only present in IE 7.

melchoir55’s picture

Title: Next button does not show up in IE7 » jcarousel container sometimes fails to load skin.css

Updating title to reflect actual problem

melchoir55’s picture

Title: Next button does not show up in IE7 » jcarousel container sometimes fails to load skin.css

Fixed this by dumping all of skin.css into my theme.css file. I then dumped the images that come with the skin into my theme's root directory so the URLs would match up. This obviously does not correct the problem of IE not seeing skin.css, but it works.

I'd love to see the problem actually resolved.

melchoir55’s picture

Title: Next button does not show up in IE7 » jcarousel container sometimes fails to load skin.css

Apparently this issue arises because IE7 refuses to see over 30 style sheets. A fix is described here:
http://drupal.org/node/648254