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.)

CommentFileSizeAuthor
#5 Scrollbars.png178.48 KBDonaldd
lightbox2-scrollbars.jpg42.76 KBmagoo.sk

Comments

jn325’s picture

bump, Im having the same problem. It happens in Safari 4 as well.

bippi’s picture

I added

#modalContainer
{
overflow:hidden;
}

to my main css file and it worked for me. No scrollbars in FF 3.5

stella’s picture

Status: Active » Closed (duplicate)
pneill’s picture

Nice tip. Works for me. How they get around to addressing the root issue at some point.

Donaldd’s picture

StatusFileSize
new178.48 KB

I'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!

Donaldd’s picture

Status: Closed (duplicate) » Active
WoRo’s picture

I have the same. Lightbox2 - drupal 6.16 and scrollbars on FF3.6 and Chrome 4.0.
Anybody can help?

adraskoy’s picture

I'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.

hey_germano’s picture

Subscribing - same thing in Drupal 6.15, Firefox 3.6. Horizontal scrollbar within the lightbox and a horizontal scrollbar for the overlay.

andrewtf’s picture

I 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!

svetlio’s picture

#10 +1

davenyss’s picture

all 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}

stella’s picture

Status: Active » Fixed

Fixed in dev.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

yan’s picture

I noticed that it had to do with a padding setting for the body in my case. Setting

body.emvideo-modal-iframe {
  padding: 0;
}

made the scrollbar disappear.

ahaque89’s picture

Holy 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!

yan’s picture

I'm glad it helped. :)

drupalfan81’s picture

Hi 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?