Question

I’m displaying content horizontally only, so as more content is loaded into the view I need the width to dynamically change to accomodate letting the scrollbar handle the scrolling. So right now this code below will only take content up to 4500px, anything after that it tries to break to a new line instead of continuing horizontally. Any ideas on how I can do this?

.container-scroll {
    width: 4500px;
    min-width: 3000px; 
    overflow-x:scroll;   
    position: relative;
    min-height: 100%;
}

Answer 1

You need this CSS:

.container-scroll {
    width: auto;
    min-width: 100px; 
    overflow-x:scroll;   
    position: relative;
    min-height: 100%;
}​

Just specify required min-width and scrolling will handle rest.