Not signed in (Sign In)

Vanilla 1.0.3 is a product of Lussumo. More Information: Documentation, Community Support.

scrolling problem....

Bottom of Page

1 to 3 of 3

  1.  
    • CommentAuthortthdoc
    • CommentTimeJan 17th 2008 edited
     
    I have a problem which I distilled down to a short html code to demonstrate what is happening on a site I am working on. In this example, there is a player placed on the center of the page and a simple link above it and way below it. Scroll down to the lower link. The text link scrolls smoothly, but not the player. Why?
    Thanks.
    Doc

    Here is the code :

    <html>
    <head>
    <title>The Site Name</title>
    <style type=text/css>
    #player { position: absolute; left: 400px; top: 240px; z-index:1 }
    .TEST {
    position: absolute;
    top: 170px;
    left: 500px;
    }
    .TEST2 {
    position: absolute;
    top: 970px;
    left: 100px;
    }



    </style>
    <script type="text/javascript" src="swfobject.js"></script>
    <script type="text/javascript">
    function createPlayer(thePlace, theFile, go) {
    var s = new SWFObject("mediaplayer.swf","thePlayerId","300","300","7");

    s.addParam("allowfullscreen","true");
    s.addVariable("file",theFile);
    s.addVariable("width","300");
    s.addVariable("height","300");
    s.addVariable("displayheight","280");
    s.addVariable("showicons","false");
    if (go) { s.addVariable("autostart","true"); }
    s.write(thePlace);
    }
    function init() {
    createPlayer('player', 'video_remember_this_1.flv', 'true');
    }
    </script>
    </head>
    <body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFF', startColorstr='#C0CFE2', gradientType='0');">
    <body onload="init()">
    <DIV id="player"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a></DIV>
    <DIV class="TEST"><a href="test site">Here is a test message</a></DIV>
    <DIV class="TEST2"><a href="test site">Here is a test2 message</a></DIV>
    </body>
    </html>
    • CommentAuthortthdoc
    • CommentTimeJan 18th 2008
     
    Can anyone help with this. I have tried everything to no avail. I really would like to get this up and running as soon as possible.

    Thanks,
    Doc
    • CommentAuthortthdoc
    • CommentTimeJan 19th 2008
     
    For anyone interested, I solved the issue. I had to do with the gradient in the body tag. Flash and filters apparently do not get along well.

    To solve this, replace this line:

    <body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFF', startColorstr='#C0CFE2', gradientType='0');">

    with this:

    <body topmargin="0" leftmargin="0">
    <div style="width:100%;height:100%;
    filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr=#FFFFFF, startColorstr#C0CFE2', gradientType=0);"></div>

    and all works well.

    Doc

1 to 3 of 3

  1.