In this section (from the demo page) add the highlighted for whichever scroller(s) you want centered:
Code:
<style type="text/css">
/*Example CSS for the two demo scrollers*/
#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
margin: auto;
}
#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
margin: auto;
}
#pscroller2 a{
text-decoration: none;
}
.someclass{ //class to apply to your scroller(s) if desired
}
</style>
Note: In IE this requires a DOCTYPE that will force IE into standards mode, like:
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
or:
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
There are others. If you want more help with DOCTYPEs and/or how to use them, let me know, and if you want help with that or more help on this in general:
Please post a link to the page on your site that contains the problematic code so we can check it out.
Bookmarks