Hey Curt...well, I spoke too soon.
My solution involved setting a height on the containing div and setting the overflow to hidden.
FF: Displays correctly both initially and after changes.
IE7: Overflowed initially, now displays correctly.
IE8: Overflowed initially, now flashes content which disappears.
Chrome: Displayed correctly initially, now flashes content which disappears.
Safari: Displayed correctly initially, now no flash; no content.
So, I'm still at it. I think I'm going to move the overflow:hidden to conditional style sheets which should clear things up.
This does lead to the question of what to do when Chrome display differently than FF or Safari. I've see it before but differences were minor placement issues where I could split the difference. Not sure what to do if I end up with significant discrepancies in how these browsers processes code.
Blessings!
-NP
PS: The link to d.o in the initial post lists a .js solution as well.
I've noticed that the images show (sometimes) but just figured that it was part of the way it worked. I just did a little testing and only saw a brief flash with Safari (on Windows Vista). I'm using CSS and JS consolidation and I'm wondering if that makes a difference.
Thanks for the information.
Curt
Hey Curt,
CSS and JS consolidation is a must on every production site, so it shouldn't be a problem. In my case I had a series of nested divs (from Views) and walked my way through them, setting heights and overflow until I found the right combination. Another option is to rewrite your views template or use the Semantic Views module (a new favorite of mine) to clean up the markup. Then you'll have less code to slog through. Let me know how it goes.
-NP
Hey, I've got a big project that is just about out the door but Views Carousel is giving me grief. There is a flash of all nodes before the style sheet is applied. I've tried various .css and .js techniques.
http://drupal.org/node/363033#comment-3138444
ANY input appreciated!
Thanks!
-NP