SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Zealot godfather999's Avatar
    Join Date
    Sep 2011
    Posts
    111
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to make an element auto-resizeable?

    So on this page you see header,slider and footer. Now if I resize the height of browser window to something small, you will see that slider wont resize automatically and scroll bar will show up. How to make that slider so it resizes automatically?

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,331
    Mentioned
    463 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by godfather999 View Post
    you will see that slider wont resize automatically and scroll bar will show up.
    I don't see that. Works fine for me in Chrome.

  3. #3
    SitePoint Zealot godfather999's Avatar
    Join Date
    Sep 2011
    Posts
    111
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    I don't see that. Works fine for me in Chrome.
    No it happens in every browser. Look what I thought https://www.dropbox.com/s/sjn3baxt6zf0lbt/spp.png

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,550
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    It doesn't seem to be the slider that is causing the scroll bar but some of your other elements.

    If you try this then the scrollbar is gone.

    Code:
    .slideshow-caption {top:50%}
    #prevslide,#nextslide{top:50%}
    .content-home {margin-top:0}
    However I don't know if that will have bad side effects as its hard to test locally.


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
  •