Sag Scroller issue - half of scroller missing

[smithbm33]

1) Script Title: Sag Scroller

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex2/sagscroller.htm

3) Describe problem: See the linked images below... I am rebuilding a local site that I volunteered to take on and I have implemented the Sagscroller. For one of the users, the scroller is cut in half where the left side is blank and the scroller position starts in the middle. I have tested my site using the latest versions of IE, FireFox, Safari, and Chromium and have not seen this issue, but the picture clearly shows this.

Any help in solving this would be greatly appreciated.

The url for the page is: http://elwoodsoccer.org/newsite/index_test4.html

http://elwoodsoccer.org/newsite/img/IMG00043-20110316-2237.jpg

http://elwoodsoccer.org/newsite/img/IMG00044-20110316-2238.jpg

[djr33]

I don't have a direct answer to your question, but I have some quick advice: it's much easier (and clearer for an example) to use a screen capture instead of taking a photo of your monitor.

To take a screen capture, it depends on your operating system.

On windows, there is a "print screen" key. This will take a picture of the screen and save it to the clipboard. In order to save this as a file, you must paste it into an image program. For example, open MS Paint and hit CTRL+V. The image will be pasted and you can save it as a file.
On Mac OSX, the default command is SHIFT+CMD+3. That will save a file to the desktop.

And if you google "screen capture" you will find many programs that can do it other ways, but those are the most basic.


By the way, if you have trouble fitting an entire website on your screen, you can get a plugin for firefox (maybe other browsers) that will allow you to get a full page image (even if that's larger than your monitor).

[ddadmin]

Yep, what Daniel said. :) Do you know what the user's browser is in that screenshot?

[djr33]

It looks like IE from the icon in the taskbar, but I can't tell what version.

[smithbm33]

The user did not know how to capture a screen shot and although I explained, he just didn't get it. The Browser is IE but I do not know what version he is using... I will try and get that information - I am thinking it is a setting on the browser that is causing this... but??

[jscheuer1]

In IE 7 and less the parent element <center> is causing that. It's best to avoid using center tags in markup. The css style margin: 0 auto with a specified width is preferred. There may be other contributing factors like text-align: center style for one or more other parent elements, perhaps even one or more additional parent center tags. Things like that can happen in inherited code if the previous designer went on overkill to get things centered. In light of that a quick fix would be to give the sag scroller division itself text-align left (here shown inline, the preferred method would be to add it to the stylesheet):


<div id="mysagscroller" class="sagscroller" style="text-align: left;">