When opening video using lightbox in Firefox 3.5, there are both scrollbars inside the lightbox around the FLV Player window. Images are OK, only videos have this issue.
This issue does not occure only on my own site, but also on http://www.stellapower.net/lightbox2 video examples. See attached example from this web page.
Thanks in advance for the support.
(I have seen another issues related to scrollbars in FF, but I did not recognize this as a duplicate, because this relates to videos.)
| Comment | File | Size | Author |
|---|---|---|---|
| #5 | Scrollbars.png | 178.48 KB | Donaldd |
| lightbox2-scrollbars.jpg | 42.76 KB | magoo.sk |
Comments
Comment #1
jn325 commentedbump, Im having the same problem. It happens in Safari 4 as well.
Comment #2
bippi commentedI added
#modalContainer
{
overflow:hidden;
}
to my main css file and it worked for me. No scrollbars in FF 3.5
Comment #3
stella commentedDuplicate of #396918: Horizontal Scrollbar Appearing in Firefox
Comment #4
pneill commentedNice tip. Works for me. How they get around to addressing the root issue at some point.
Comment #5
Donaldd commentedI'm having the same problem and it's not the same issue as '#396918: Horizontal Scrollbar Appearing in Firefox'.
When viewing a video I keep getting scrollbars within the lightbox.
Is there a way to remove them, because the above solutions don't seem to work.
Anyway thanks for this great module!
Comment #6
Donaldd commentedComment #7
WoRo commentedI have the same. Lightbox2 - drupal 6.16 and scrollbars on FF3.6 and Chrome 4.0.
Anybody can help?
Comment #8
adraskoy commentedI've run into the same issue. Haven't solved it yet, but I've noted that some of the divs around the flash are narrower than their content, so I suspect that is part of the problem.
Comment #9
hey_germanoSubscribing - same thing in Drupal 6.15, Firefox 3.6. Horizontal scrollbar within the lightbox and a horizontal scrollbar for the overlay.
Comment #10
andrewtf commentedI solved as described in #2, except I used
#lightboxFrame {
overflow:hidden;
}
Applying overflow:hidden to the modalContainer ID didn't work, but the above CSS does the trick. No scrollbars now!
Comment #11
svetlio commented#10 +1
Comment #12
davenyss commentedall the above postings gave me a clue what to do (thanks), in the end I add the following to my custom theme css to remove the scroll bars and remove the white space at bottom of video
#lightbox #modalContainer {overflow:hidden;}
#lightbox #imageData #bottomNav {height:20px;}
#bottomNavClose {margin-top:0px; padding-top:0px}
Comment #13
stella commentedFixed in dev.
Comment #15
yan commentedI noticed that it had to do with a
paddingsetting for thebodyin my case. Settingmade the scrollbar disappear.
Comment #16
ahaque89 commentedHoly crap. This actually worked for me!! I had practically given up on the idea that there was a simple solution.
Btw. For anyone searching, I am using the ninesixty robots theme. And as Yan suggested all I had to do was paste:
body.emvideo-modal-iframe {
padding: 0;
}
to the bottom of my main.css file
THANK YOU SO MUCH!
Comment #17
yan commentedI'm glad it helped. :)
Comment #18
drupalfan81 commentedHi Guys,
This code for the main style.css file no longer works
#lightboxFrame {
overflow:hidden;
}
With the latest version of lightbox. Does anyone know how to remove these scroll bars. I just don't understand why the creators of this module haven't fixed the issue where the modal window thinks it's not big enough. Any ideas?