Blog / IE Bug fix clashes with Drupal Views Cycle

We've just solved a highly perplexing issue on a recent project.  Mysteriously, our lovely transitions on a Views Cycle banner rotator were not happening in IE7 and 8!  Instead of smooth dissolves, the images transitioned suddenly with no effect.

Sounded like a javascript issue, maybe a conflict? But Darko disabled each one by one, and still no solution. He did notice that the transitions worked beautifully by switching the theme to Garland, so something in our custom theme must be mucking things up.

Finally he tracked it down to the IE stylesheet, which I had used to solve a bug of extra space below the linked banner image. I see this a lot, and my preferred fix has been display:block on the "a" tag surrounding the image. But in this case, no good, since display:block apparently conflicts with the jquery that gives us the nice transitions.

After another search I found a solution for removing the space. On the image itself (rather than the a), "vertical-align: bottom" seems to work perfectly. I'll probably use this method from now on.

Leave a comment

(If you're a human, don't change the following field)
Your first name.
(If you're a human, don't change the following field)
Your first name.
(If you're a human, don't change the following field)
Your first name.

Sign up for updates