Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Dec 2008
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question Scroll html content over Flash movie

    Hello

    Please help me, I am developing a website please see the link below.

    http://bawell.startlogic.com//bxztem...fitsindex.html

    I have html content over a flash movie using css.

    The problem is when you load the page and scroll down to read the rest of the html content the Flash movie will scroll up, off the page.

    I would like the movie to stay put and only the html content to scroll over the movie, so visitors will always have the movie on the screen as they scroll the html content.

    Please help me if you know how to do this.

    Thank You!

  • #2
    Regular Coder
    Join Date
    Nov 2005
    Posts
    329
    Thanks
    3
    Thanked 19 Times in 19 Posts
    Hi!

    You would have to use layers. The text should be in a separate division that is layered on top of the movie layer. Give the overflow: auto; attribute to the text layer.

    Cheers!

  • Users who have thanked Avril for this post:

    mtc02g (12-01-2008)

  • #3
    New to the CF scene
    Join Date
    Dec 2008
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Hi

    Thanks for the hep, do you mean Z-index's or is this "Layers" a totally different property and it is a css property?

    Thanks

  • #4
    Regular Coder
    Join Date
    Nov 2005
    Posts
    329
    Thanks
    3
    Thanked 19 Times in 19 Posts
    Hi!

    They are two divs placed one on top of the other. The top div contains the text and the div underneath it contains the flash movie. The top div is the same width as the div underneath, or there will be a border. Here is an example where I have coloured each div so that you can recognize them. The green is the wrapper, the blue is the flash movie layer and the div with the border and scrollbar is the text div. (The scrollbar appears if the text extends to below the height of the div):

    CSS
    Code:
    #wrapper{margin-left: auto; margin-right: auto; height: 500px; width: 500px; background-color: #ade6b4;}
    #movielayer {float: left; width: 500px; height: 450px; margin-left: 0px; margin-top: 0px; background-color: #d8e3fd;}
    #textlayer {float: left; width: 500px; height: 400px; font-family: tahoma; font-size: 0.9em; font-style: italic; color: #940c24; margin-left: 0px; margin-top: 0px; border: 1px solid #213391; overflow:auto;}
    html
    Code:
    <div id="wrapper">
    <div id="movielayer">
    <div id="textlayer">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, set eiusmod tempor incidunt et labore et dolore magna aliquam. Ut enim ad minim veniam, quis nostrud exerc. Irure dolor in reprehend incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    <p> Duis aute irure dolor in reprehenderit in voluptate velit esse molestaie cillum. Tia non ob ea soluad incom dereud facilis est er expedit distinct. Nam liber te conscient to factor tum poen legum odioque civiuda et tam. Neque pecun modut est neque nonor et imper ned libidig met, consectetur adipiscing elit, sed ut labore et dolore magna aliquam is nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> 
    <p> 
    At vver eos et accusam dignissum qui blandit est praesent. Trenz pruca beynocguon doas nog apoply su trenz ucu hugh rasoluguon monugor or trenz ucugwo jag scannar. Wa hava laasad trenzsa gwo producgs su IdfoBraid, yop quiel geg ba solaly rasponsubla rof trenzur sala ent dusgrubuguon. Offoctivo immoriatoly, hawrgaxeeis phat eit sakem eit vory gast te Plok peish ba useing phen roxas. Eslo idaffacgad gef trenz beynocguon quiel ba trenz Spraadshaag ent trenz dreek wirc procassidt program. Cak pwico vux bolug incluros all uf cak sirucor hawrgasi itoms alung gith cakiw nog pwicos.</p>
    <p>Plloaso mako nuto uf cakso dodtos anr koop a cupy uf cak vux noaw yerw phuno. Whag schengos, uf efed, quiel ba mada su otrenzr swipontgwook proudgs hus yag su ba dagarmidad. Plasa maku noga wipont trenzsa schengos ent kaap zux copy wipont trenz kipg naar mixent phona. Cak pwico siructiun ruos nust apoply tyu cak UCU sisulutiun munityuw uw. 
    Fusce auctor viverra augue. Phasellus fringilla. Donec quam nisi, vehicula nec, semper vel, sodales ac, diam. Morbi eget nisl. Aliquam erat volutpat. Nulla augue odio, iaculis vel, lobortis sit amet, blandit ac, ligula. Proin vitae quam. Sed turpis nulla, congue vitae, pretium eget, condimentum at, nulla. Donec volutpat ultricies elit. Suspendisse potenti. Curabitur enim neque, imperdiet vel, tincidunt euismod, euismod in, risus. Praesent rutrum auctor metus.
    </div>
    </div>
    
    </div>


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •