Lighbox width incorrect using Chrome

HTML & CSS
1

Using Chrome, when a window is not fully maximized the lightbox popup window gets cut off.

Click here to see the example:

and click on the button “Radar Suite What’s Included” for the popup

thanks

2

Works fine for me on Chrome (OS X).

3

hmmm, even when u scale your window down?

4

When I resize my browser to 1024 x 768, the right-hand side of the lightbox is cut off in both Chromium and Firefox. (I haven’t tested anything else.)

5

TechnoBear…this is the problem I am having, I see that it is in FF as well.
I believe its a CSS issue, but not sure where ? ? ?

6

Yes, even if I scale my window down it’s always centered. Very weird.

7

Well I’d like it to be always centered, but not to have it cut off on the right.

8

[FONT=Verdana]The problem (for those who can’t replicate it), is this:

I found I could solve that by removing overflow: hidden from the container - but then it gets cut off at the bottom instead. :slight_smile: I thought that was because of the height: 100%, but removing that didn’t help. Hopefully @kohoutek or somebody else can succeed where I failed.
[/FONT]

9

Hi, blame your JS :). It wants to set the size of hte lightbox in relation to the screen size. No no :).

Try doing something like this

[COLOR=#000000][FONT=Consolas]#jcemediabox-popup-body{width:512px!important;
height:750px!important;}

[/FONT][/COLOR]