Drop shadow and title bar do not render properly in FF or Opera
pasada - August 21, 2008 - 02:27
| Project: | FancyZoom |
| Version: | 6.x-1.0 |
| Component: | User interface |
| Category: | bug report |
| Priority: | critical |
| Assigned: | Unassigned |
| Status: | postponed |
Jump to:
Description
See attached screen shot for example. This shot was taken from FF2 running on WinXP with FancyZoom 1.0 running on Drupal 6.3. The result was the same on Opera 9.51 running on WinXP on a separate workstation.
| Attachment | Size |
|---|---|
| fancy.jpg | 21.87 KB |
#1
I have the same problem!!
Out of the package (clean module install) without changing anything on "admin/settings/fancyzoom"
FireFox 3.0.1 on Mac OS X 10.5.4 working with drupal 6.4:
-Cabel's website is showing correct title but not the leftside shadows (it instead shows a white line)
-Drupal 6.4 site is showing same problems (as mentioned above by pasada, look at fancy.jpg) with title and all shadows
Safari 3.1.2 on Mac OS X 10.5.4 working with drupal 6.4 doesn't have the same problems:
-Cabel's website shows well both title and shadows
-Drupal 6.4 site is showing correct shadows but bad title (as mentioned above by pasada, look at fancy.jpg)
So i think this is a BIG bug from the design, also under the module's code from slurslee
Need HELP!!
#2
#3
I'm having the exact same problem in firefox and safari, haven't checked other browsers, but it looks like a universal problem.
#4
same problem here, really needs to be fixed!
#5
I think this is somehow abandoned. Since August 21, 2008 with no response, why?
Where is the fix? and where is Scott Lahteine slurslee?
Anyone seen him anywhere?
I of course stopped using this module.
#6
The issue come's from Drupal's built in default CSS. I'm going to see if I can clear the styles on it or something....
#7
I use a Zen sub theme, so there might be some other CSS definitions in other themes that need to be overridden.
But if you put the the following CSS in your theme's CSS file it should take care of most of everyone's issues. I'm still having some issues where a little border shows at the bottom of some images. I can't seem to get this to completely go away. But it's good enough for me.
#ShadowBox tr, #ShadowBox td, #ZoomCapDiv tr, #ZoomCapDiv td{
border-left-style: none;
border-bottom-style: none;
border-right-style: none;
border-top-style: none;
border-left-width: 0;
border-bottom-width: 0;
border-right-width: 0;
border-top-width: 0px;
padding:0;
height: auto;
vertical-align: center;
}
#ShadowBox table, #ZoomCapDiv table
{
border-left-style: none;
border-bottom-style: none;
border-right-style: none;
border-top-style: none;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
padding: 0px;
border-collapse: separate;
margin:0;
height: 100%;
}
#ZoomBox
{
margin: -1px;
}
#8
Thanks! That seems to fix the problem for me here.
#9
thanks for this css fix!
#10
great fix thanks
#11
Congratulations all on solving this issue. Personally I haven't been getting notifications from drupal.org, and other projects have been taking precedence lately. Thanks for the CSS that fixes things. I'll incorporate it into the next release.