SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Enthusiast
    Join Date
    Jan 2010
    Posts
    89
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Lighbox width incorrect using Chrome

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

    Click here to see the example:
    http://www.pcigeomatics.com/index.ph...id=10&Itemid=4

    and click on the button "Radar Suite What's Included" for the popup


    thanks

  2. #2
    Mazel tov! bronze trophy kohoutek's Avatar
    Join Date
    Aug 2004
    Location
    Hamburg, Germany
    Posts
    4,248
    Mentioned
    30 Post(s)
    Tagged
    0 Thread(s)
    Works fine for me on Chrome (OS X).
    Maleika E. A. | Rockatee | Twitter | Dribbble



  3. #3
    SitePoint Enthusiast
    Join Date
    Jan 2010
    Posts
    89
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hmmm, even when u scale your window down?

  4. #4
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,083
    Mentioned
    255 Post(s)
    Tagged
    5 Thread(s)
    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. #5
    SitePoint Enthusiast
    Join Date
    Jan 2010
    Posts
    89
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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. #6
    Mazel tov! bronze trophy kohoutek's Avatar
    Join Date
    Aug 2004
    Location
    Hamburg, Germany
    Posts
    4,248
    Mentioned
    30 Post(s)
    Tagged
    0 Thread(s)
    Yes, even if I scale my window down it's always centered. Very weird.
    Maleika E. A. | Rockatee | Twitter | Dribbble



  7. #7
    SitePoint Enthusiast
    Join Date
    Jan 2010
    Posts
    89
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well I'd like it to be always centered, but not to have it cut off on the right.

  8. #8
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,083
    Mentioned
    255 Post(s)
    Tagged
    5 Thread(s)
    The problem (for those who can't replicate it), is this:

    radar.png

    I found I could solve that by removing overflow: hidden from the container - but then it gets cut off at the bottom instead. 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.

  9. #9
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    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
    Code:
    #jcemediabox-popup-body{width:512px!important;
    height:750px!important;}


    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •