how to adjust flash movie width automatically according to browser width

Dear Experts,
I want to adjust my flash width automatically according to browser width, like we do with image width 100%
I'd like give the width %100 and height auto to fit the page, however it doesn't work.
how should I write it ? Below you can see the source code.. thank you

<object type="application/x-shockwave-flash" data="my.swf" width="1280" height="600">

Open in new window

LVL 1
BraveheartliMarketingAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
Jim RiddlesConnect With a Mentor Prepress/OMS SpecialistCommented:
Out of curiosity, are you wrapping the object inside a div?  If not, try wrapping the object in a div, and setting the div's properties to 100% width and auto height.  Also, be sure to set the width and height of your body tag.
<style>
body: { height: 100%; width:100%; }
.swf_container { height: auto; width: 100%; }
.swf_object { height: 100%; width: 100% }
</style>
<div class="swf_container">
  <object class="swf_object" type="application/x-shockwave-flash" data="my.swf" style="width:100%; height:100%;">
</div>

Open in new window

It would help if you could provide a link to your page so I could see the structure of your page.
0
 
Jim RiddlesPrepress/OMS SpecialistCommented:
Have you tried using CSS instead of the properties?  I can't guarantee it will work, but it may.
<object type="application/x-shockwave-flash" data="my.swf" style="width:100%; height:auto;">

Open in new window

0
 
BraveheartliMarketingAuthor Commented:
I already tried that :(
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
BraveheartliMarketingAuthor Commented:
Dear Jim Riddles,
thank you very much for your answers,

Normally it should work, but it doesn't working.

My entire page code is here :

<!doctype html>
<html>
<head>
<style>
body : { height: 100%; width:100%; }
.swf_container { height: auto; width: 100%; }
.swf_object { height: 100%; width: 100% }
</style>
<meta charset="utf-8">

<meta http-equiv="pragma" content="Cache">

<title>Title</title>

</head>

<body>
<div class="swf_container">
  <object class="swf_object" data="indirim.swf" style="width:100%; height:100%;">Alertnative Content Here</object>
</div>

</body>
</html>

Open in new window

0
 
BraveheartliMarketingAuthor Commented:
Dear Jim,
It's very close to what you said.
I found this link very helpful. thank you so much..

this link is very helpful
http://learnswfobject.com/advanced-topics/100-width-and-height-in-browser/
0
 
BraveheartliMarketingAuthor Commented:
thank you
0
All Courses

From novice to tech pro — start learning today.