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 1 of 1
  1. #1
    New to the CF scene
    Join Date
    Jun 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Coding a Div/Flash movie to autosize to width of browser/screen?

    Hello,

    Im new here as you can see,
    I am making a website, a very simple design for my photography.
    Here is a screenshot so it makes better sense what im about to try and explain:



    The slideshow that you see will be on the front page, and I have already made the flash file for it, and it works great. You hover over the right/left edge of the slideshow and it scrolls right/left showing more images.

    Its a very simple website design,
    I was just using a few divs to get the job done, the flash movie in its own div.
    My problem is, I have never done flash in a website like this where the flash movie needs to span the full width of the screen.

    So if I view this on a smaller monitor, the flash file is to big for the screen, and you have to scroll the page over to the right/left to see the whole flash file. Which makes it really hard for users with smaller monitors to have the ability to scroll the slideshow left or right.

    So I would really want for the flash file in the div to automatically size to the width of the browser screen/resolution of the viewing computer... in other words it would also work if I sized down my browser window, the flash file also sizes down to fit the screen......if that's possible
    and I really have no idea how to get this done. I tried searching and searching.

    The coding for the div:
    Code:
    <div id="flash">
    <object width="1597" height="639">
    <param name="movie" value="slideall3works.swf">
    <param name="wmode" value="opaque" />
    <embed src="slideall3works.swf" width="1597" height="639" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="opaque">>
    </embed>
    </object>
    </div>

    And the coding for the CSS:
    Code:
    @charset "utf-8";
    /* CSS Document */
    
    body { margin: 0px; padding: 0px; 
    	background-color: #000000;
    }
    #flash {
    	height: auto;
    	width: auto;
    	margin-right: auto;
    	margin-left: auto;
    	top: 165px;
    	position: relative;
    }


    I would be really grateful it somebody could give me a few tips or ideas on how to do this?

    Thanks in advance,
    Nick
    Last edited by hxdrummerxc; 06-20-2012 at 12:57 AM.


 

Posting Permissions

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