Question

I have a div on page with a fixed width of 1200px. It’s this way because I inserted inside a collection of thumbnails to creates a mosaic. I don’t want the mosaic to change if the page is resized.

The problem is that I don’t want to have horizontal scrollbars on the page. The div is placed just for visual purposes.

How can I avoid the horizontal navigator scrollbars that is automatically created when browser size is smaller than the div size?

Update: The div can’t be positioned fixed.

Answer 1

in css:

html,body {
    overflow : hidden;
}

or if you want vertical scrollbars, overflow-x: hidden

or a cleaner way:

<div class="wrapper">
   <div class="mosaic"></div>
</div>

and put width:100%;overflow:hidden on the wrapper.