Question

I am trying to find a way to add a cross-browser compatible scrollbar to a div.

I’ve had to resort to using a mixture of two methods- see css below:

.div{
    /*-Only works for IE*/
    overflow-y:scroll;
    overflow-x:hidden;

    /*Works for all browsers except IE*/
    overflow: -moz-scrollbars-vertical;
}

The only problem I’ve found with this method is that the non-IE scrollbar moves the contents of the div across to accommodate and IE-only scrollbar doesn’t.

Is there a better method anyone knows of?

Answer 1

I don’t know if this will help.. however

div {
width: 200px; /* as example*/
height: 300px; 
overflow: auto; /* this will add scrollbars automatically if your div is larger than the specified dimensions */
}

cheers