By mostoneskin on

Drupal 7.9.

I have a simple site up for my wife which showcases some photos.

So I have a 'slide' content type, which contains an image field, and then a views slideshow which displays the image fields.

The default display of the image fields (in the slideshow) is 'medium', i.e. the built in image style of scale which I believe is 220x165.

This works pefectly in every major browser but IE8 (it seems to be fine in IE7), where the image seems to render with a tiny width (maybe 20px max) but at the expected height of 165px.

Does anyone what the underlying problem might be or of any workarounds?

If not, is there another way of displaying a slideshow of image fields that will work cross-browser that you can recommend?

⋅ Categories: Drupal 7.x

Comments

valderama’s picture

valderama commented

Hi!

It seems to me that there is some css problem with your slideshow, as the images are resized on the server, thus are the same for all browsers.

I have no experience with "views slideshow", but check the issue queue of this project if someone else has problems with IE8.

Greets,
walter

--

keine zeit für spielkonsolen mein leben ist jump n run!

valderama.net

mostoneskin’s picture

mostoneskin commented

You're probably right, found a similar post here, http://drupal.org/node/1102982#comment-5221870

I've added more info.

mostoneskin’s picture

mostoneskin commented

There's no way this is a css issue. It might be fixable with css, but this is IE8 that has the issue. In compatability mode it views fine. I honestly have no idea how to fix this. The images have a fixed width (in the rendered html). My only thought is that if with css I can force the views-slideshow divs to a fixed width (rather than relying on the views-slideshow trying to resize to largest slide size). Anyway, hopefully the VS gurus can guide me on this.

parijke’s picture

parijke commented

Got the same problem when ie11 renders the parent width as fixed in inline styles. Did you find a solution?