Firefox 3: cluetip-outer & cluetip-inner boxes having very different dimensions
July 19, 2008 - 12:08pm — torben
| Project: | clueTip - flexible, enhanced tooltip |
| Version: | 0.9.8 |
| Component: | User interface |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | by design |
Jump to:
Description
Hi Karl,
there's an issue with cluetips rendered by the new FF3.0.1. The dimensions of the outer (shadowed) div and the inner one are significantly different. Please check out: http://sandkastenliga.de/coachdetail.html?coach=148
You'll need to mouseOver the colored boxes right-handside from the photo. There is a screenshot attached showing the issue.
Cheers,
Torben
| Attachment | Size |
|---|---|
| ff3-div-issue.gif | 259.3 KB |
Comments
#1
hi Torben,
I'm sorry you're having problems with clueTip and Firefox 3.01. It looks like the problem has to do with the HTML and CSS you're using for the clueTip and its contents. you have set a gray background color for #cluetip-outer (#D9D9C2) and a background image, along with a border for #cluetip-inner. That, when combined with the 770px width you've set in the clueTip's options, makes it look exactly the way I would expect it to look, given the content that you're injecting (it's not wide enough to fill the full width of the outer cluetip div. It might help to put the background image and the border on the #cluetip-outer div instead of #cluetip-inner.
Please feel free to re-open this issue if I've missed something.