Question


My page layout is a centered table in the browser. My scroller is anchored to an image in the centered layout. When the page loads, there is a fraction of a second where the scroller is located in the top left corner before it snaps into place.

So finally the whole page looks at it is supposed to be, but the loading process is awfull. Is there a work-around or setting to control & fix this issue?

Answer


What you can do is: set the visibility property for the outermost scroller layer to 'hidden' initially for your page and show it as the last action on the onLoad event for the BODY tag.

So change this:
#dmx1Scroller {position:absolute; top:190px; left:200px; width:606px; height: 309px; z-index:100; visibility:visible; overflow:hidden; }

into this:
#dmx1Scroller {position:absolute; top:190px; left:200px; width:606px; height: 309px; z-index:100; visibility:hidden; overflow:hidden; }

And change this:
#dmx1Container {position:absolute; left:7px; top:7px; width:570px; height:295px; visibility:visible; clip:rect(0px 570px 295px 0px); overflow:hidden; }

into this:
#dmx1Container {position:absolute; left:7px; top:7px; width:570px; height:295px; clip:rect(0px 570px 295px 0px); overflow:hidden; }

And then apply the standard 'Show/Hide Layer' behavior to the onLoad event for the BODY tag to show #dmx1Scroller again.

Also see: http://www.dmxzone.com/showDetail.asp?TypeId=7&NewsId=5190