Views Rotator Displays perfect in Firefox, Poorly in IE and Opera
| Project: | Views Rotator |
| Version: | 6.x-1.x-dev |
| Component: | Code |
| Category: | support request |
| Priority: | critical |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
I looked through the issues and did not see this specific problem. I started to file it as a bug report, but since other people have Views Rotator working, I switched to a support request.
I have a simple Title and Body view that is set to Views Rotator and displayed in a block in an upper right region of my theme. It displays very well in Firefox, but really whacks the display out of alignment on Opera and MSIE. I have enclosed screenshots to illustrate. But basically it pushes the rest of the page all the way down to the bottom of the stack of Views nodes. It then sets the left margin of everything following it on the page, to where the left margin of the view was.
I have tried to clear the overflow from this long column of views by setting this in my CSS:
#views-rotator-publicity_view-block_2 {
height:292px;
width:266px;
overflow:hidden;
}The screenshot didn't show this, but it just made everything below 292px white, but still pushed the content down as far.
I also have my page using clear-block (twice!) to get things pulled back to the right margin like so:
<div id="wrapper" class="clear-block" >
<div id="sidebars" class="clear-block" >
<?php if ($left): ?>
<div id="sidebar-left"><div id="sidebar-left-inner" class="region region-left">
<?php print $left; ?>
</div></div> <!-- /#sidebar-left-inner, /#sidebar-left -->
<?php endif; ?>
<?php if ($right): ?>
<div id="sidebar-right"><div id="sidebar-right-inner" class="region region-right">
<?php print $right; ?>
</div></div> <!-- /#sidebar-right-inner, /#sidebar-right -->
<?php endif; ?>
</div> <!-- /#sidebars -->
<div id="banner_home">
<?php
print swf('/sites/all/themes/ringleader2/swf/ringleader.swf', array('params' => array('height' => '52', 'width' => '960')));
?>
</div>Has anyone else encountered this? IS this a bug?
| Attachment | Size |
|---|---|
| Picture 8.png | 410.3 KB |
| Picture 9.png | 412.78 KB |
#1
Yeah, me too!
I use the rotator as a block of rotating pictures in the sidebar. In Firefox all works well, but in IE7+ it cripples the whole site layout. As long as only the first image is shown, everything is okay, but as soon as the next picture fades in, everything below like footer etc gets pulled upward to the bottom of the rotator block and appears behind the content area. Setting a fixed height does not help.
I even tried to use the other module "views slideshow" but it is all the same. So i think it must have something to do with the j-component itself.
#2
This is a theming issue. FF, Safari, IE6/7/8, and Opera all do things a little differently.
jCarousel does have some issues with jQuery version later than 1.2.3 but I don't think that's it here. If there was a link to the live/test site it would be much easier to find the issue.
#3
Just a quick follow-up. If anyone is having issues with text-only sideshows looking bad on MSIE, there is a solution.
See:
http://www.kevinleary.net/jquery-fadein-fadeout-problems-in-internet-exp...