SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Feb 2007
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Need help to "center align" scrollbar when using lightbox

    Hi!
    Please have a look at my test-website here: http://goo.gl/ONvDs

    If you click on the first photo (panorama called "test"), you will see that it will "cut" the photo if the width of browser is narrower than the photo. The scroller is aligned "left", and is not possible to show more of the photo on the left side of it.

    Could anyone with some good css skills help me if there is some easy fix to this in the css? I guess you may use firebug to have a look at the css-code.
    I would like to have the scollbar center aligned.. so that it is possible to view the complete image by dragging the scrollbar left<>right

    Sorry about my english

    /KH

  2. #2
    SitePoint Member
    Join Date
    Aug 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Allegrande,
    I guess the best way to fix that, is using the percentage,
    After using the percentage, the lightbox images were adjusted according to the user's screen.

  3. #3
    SitePoint Member
    Join Date
    Feb 2007
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Very interesting,
    what class and element do you edit using percentage?

    Thanks for quick respons
    Quote Originally Posted by Thavo View Post
    Allegrande,
    I guess the best way to fix that, is using the percentage,
    After using the percentage, the lightbox images were adjusted according to the user's screen.

  4. #4
    SitePoint Member
    Join Date
    Aug 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by allegrande View Post
    Very interesting,
    what class and element do you edit using percentage?

    Thanks for quick respons
    You need expecify that os root lightbox Div.
    Example:

    #lightbox{width:50%;height:50%;}
    <div id="lightbox">
    </div>
    With this rules, all content inside of div Lightbox will be 50% width/height, independently of screen resolution.
    I do not know if I was explicit, if u have more questions leave here.


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
  •