ansaurus

Question

jQuery div page slider off the screen, without a horizontal browser scrollbar

Answer 1

+1 A:

I still don't know if I completely understand. Some code would be nice.

Anyway it sounds like you want the edge of the browser display to cut off whatever part of the next slide that is off the page.

If that's right, just set overflow-x to hidden on your body tag, or whatever container tag you're using that is the same width as the window.

(Except for some reason, you don't want hidden.)

           // If your content is in a container that is sized to the width
body {     //    of the body, then use that instead.
    clip: auto;
    overflow-x: hidden;
}

UPDATE: (with info from re-post)

style:

body {
            clip: auto;
            overflow-x: hidden;
        }

     /* Positioning *
        #container { width: 2500px; }
        .block { float: left; }

        /* Styling */
        .block img { padding: 5px; }

html:

<body>
<div id="container">
    <div class="block"><img src="http://i42.tinypic.com/1zp2poz.gif"&gt;&lt;/div&gt;
    <div class="block"><img src="http://i42.tinypic.com/1zp2poz.gif"&gt;&lt;/div&gt;
    <div class="block"><img src="http://i42.tinypic.com/1zp2poz.gif"&gt;&lt;/div&gt;
</div>
</body>

patrick dw 2010-05-13 22:47:36

This didn't work, please see my updated post above with graphic.

Jeffrey 2010-05-17 16:44:56

Do you know the width of the `div` elements? And are they floated left? You will need to make sure the width of the gray container is greater than the combined width of your `div` elements.

patrick dw 2010-05-17 17:05:11

I reposted the question with an html example and a clearer explanation of the problem, please check it out if you have time. Thanks. http://stackoverflow.com/questions/2851126/css-horizontal-scrolling-overflow-with-jquery-slider

Jeffrey 2010-05-17 17:14:00

I'll answer over here, since re-posts are generally not recommended on stackoverflow.

patrick dw 2010-05-17 17:23:00

ansaurus

tags:

views:

answers:

jQuery div page slider off the screen, without a horizontal browser scrollbar

related questions