Back to Top
The nuts and bolts for
Creative web development

Move AutoScroller with centered page

Question:

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

Answer:

The AutoScroller is an absolute postioned DIV, which means that it gets a fixed position in relation to the top/left corner of the document. Thus its position does not change when the browser window is resized, whereas eg. a centered table does.

If you want the AutoScroller to maintain a position in relation to eg. a centered table, you will need to 'snap' the layer to something (eg. an image) within that table. The free "SnapLayer" extension available at www.projectseven.com can do that for you.

Use SnapLayer to 'snap' the entire AutoScroller to something (an image) in your centered page, and apply it to both the onLoad and the onResize event of the <body> tag. The AutoScroller will then move with the page content when resizing the browser window.

Marja Ribbers-de Vroed

Marja Ribbers-de VroedWell, what's there to tell?

I worked as a software engineer for a well-known Dutch software company for about 10 years. But then I decided I did not want to work there anymore.
Since then, I've been working with my husband in our own company.

I "discovered" web development early 2000, and I soon found out that I could actually create my own extra (DHTML) features in Dreamweaver by building custom extensions.
My first extension was Cross-browser AutoScroller, but I've developed several other ones since then.

See All Postings From Marja Ribbers-de Vroed >>

Share this Article