Scroller Genie scroller and fluid/centered layout?

Question:

Can I make a Scroller Genie scroller move with a fluid/centered layout when the browser window is resized?

Answer:

The scroller is an absolute positioned DIV element, which means that it gets a fixed position in relation to the top/left corner of the document. Thus by default its position does not change when the browser window is resized, whereas e.g. a centered table does (for example)

If you want the scroller to maintain a position in relation to something like a centered table, you will need to ‘anchor’ the scroller to something (e.g. an image) within that table.

For this purpose Scroller Genie comes with an ‘anchoring’ feature, which you can set when inserting the scroller into your page.
But you can also anchor the scroller afterwards using the ‘Scroller Genie - Init’ behavior that is applied to the onLoad event of the <body> tag.
See also: http://www.dmxzone.com/showDetail.asp?TypeId=7&NewsId=6631

Alternatively, you can manually move ALL the scroller code to the position where you want the scroller (eg. inside a table cell) after it has been inserted into the page, and modify its outermost DIV to be relatively positioned instead of absolute.

Comments

Anchor does not work!

August 23, 2005 by Marian Wynn

I set a named anchor where I wanted the "scroller genie" to go and it does not matter whether you tell it this at the beginning or edit it afterwards - the scroller genie will only go where the initial "top" and "left" position settings are. And even if you delete the the values already there and leave these settings blank, scroller genie assumes 0 and your scroller genie will be in the top left corner of your page. The ONLY way to put this scroller genie where YOU want it to be is to drag it. This is a real beach because of the layers piled on top of layers. And as far as I know there is no way to select all those layers and move them where you want them. So that is why I don't use scroller genie very much even though I paid full price for it. This is the second time I have purchased something from the DMX zone and been dissapointed. The stuff here has lots of promise but no support for what you pay for. That is why I haven't bought anything else here. It looks to good to be true and guess what - it is.

Anchor sort of works!

August 23, 2005 by Marian Wynn

Create a table from scratch. Add a named anchor in the cell you know you will want the scroller to show. Then add the scroller genie. Then add the images and other text items you want to the other cells. If you are using Dreamweaver in design mode, the scoller will NOT be located where you think it should. But when you preview in browser, it will be displayed correctly. The problem you will run into is haveing to add new text and / or modifiy the stuff that is showing under the scroller. I don't know any way around this. It's just messy but oh well. Maybe just use Code view.

You must me logged in to write a comment.