FaceScroll Help

[moose86]

1) Script Title: FaceScroll Custom Scrollbar

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex11/facescroll/

3) Describe problem:

I am using this custom scrollbar on my website in an iframe, when i try to center content withing the iframe target page it seems to stay snapped to the left hand side, I have tried to center using the HTML & CSS ways

Anyone know how to fix this?

Thanks

[jscheuer1]

Do you mean center the scroller or center the text within the scroller?

If you want more help, please answer the question and include a link to the page on your site that contains the problematic code so we can check it out.

[moose86]

Hi, thanks for answering,

i want to center the content within the div (much like text-align:center;) but as you can see it is snapping to the left

URL: http://seprotest6939567.secorp.org.uk/service-event.html

Thanks

[jscheuer1]

Add this to the stylesheet (seprotest6939567.secorp.org.uk/css/iframe.css):


.alt-scroll-content {
text-align: center;
width: 100% !important;
}

And around line 483 (same stylesheet), get rid of the red:


#service-description{
width: 686px;
margin-top: 10px;
text-align: left;
margin-left: auto;
margin-right: auto;
}

The browser cache may need to be cleared and/or the page refreshed to see changes.

[moose86]

Thanks John, it worked, by the way, what does the !important bit mean in css?

[jscheuer1]

It's the override keyword. The script hard codes width: auto; to the element. That would keep it a little toward the left, centered, but not centered within the scroller

[moose86]

ok cool, learn something new every day

PS, have a good xmas