Posted by cwdjrxyz on 01/08/08 06:17

On Jan 7, 6:36 pm, Aaron Saray <102degr...@102degrees.com> wrote:
> On Jan 6, 11:10 pm, Isaac Grover <isaac.gro...@gmail.com> wrote:
>
>
>
> > Good evening from Wisconsin,
>
> > One of our clients has requested a horizontal scrolling marquee for one
> > line on one page of their site, and we're having a difficult time placing
> > the marquee inside the box that it is supposed to be in.
>
> > Here is the old look without the marquee:http://www.recoveryandhealth.org/prototype/index-previous.html
>
> > And here is the new look with the marquee:http://www.recoveryandhealth.org/prototype/index.html
>
> > What is the javascript ticker doing such that it moves itself outside the
> > box?
>
> > Thanks in advance,
> > --
> > Isaac Grover, Owner
> > Quality Computer Services of River Falls, Wisconsin
> > Web:http://www.qcs-rf.com
>
> Could it be that the javascript ticker uses absolute positioning? If
> this is the case, the box cannot determine the height of the ticker,
> nor that it is indeed supposed to contain the ticker. You will have
> to give the box a hardset height in order to 'contain' the scroller, I
> think.

The ticker js file is at http://www.recoveryandhealth.org/prototype/js/ticker.js
.. If you look at the last line of the code, you will see that relative
positioning is used. The problem indeed is likely with the ticker
script. Since the ticker creates a division, I would at first assign a
z-index of perhaps 2 or 3 to it to see if the left of the ticker box
is just hidden under the right box of the main page or not. It might
help to assign a lower z-index to the division of the right box on the
main page.Of course one can position the ticker box anywhere on the
page using absolute positioning and adjusting z-index values for
various divisions to determine what is on top if the ticker box
overlaps something. The disadvantage comes when one changes the screen
dimensions. The main part of the page will adjust to the new screen
width and height, but the absolute positioned ticker box will not. Of
course one could use more elaborate script to detect page dimensions,
calculate the new position required for the ticker box, and use
document.write to determine the absolute coordinates for the ticker
box for the new width/height setting. In short, the project could
easily turn into a complete rewrite of the js.

[Back to original message]