# SWF-component in 'Fluid design'

**URL:** <https://forum.kirupa.com/t/swf-component-in-fluid-design/328724>\
**Category:** web dev\
**Created:** [June 10, 2012, 6:49pm UTC](https://forum.kirupa.com/t/swf-component-in-fluid-design/328724 "2012-06-10T18:49:55Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![SpindizZzy](https://avatars.discourse-cdn.com/v4/letter/s/7ba0ec/32.png) [@SpindizZzy](https://forum.kirupa.com/u/SpindizZzy)\
**Post date:** [June 10, 2012, 6:49pm UTC](https://forum.kirupa.com/t/swf-component-in-fluid-design/328724/1 "2012-06-10T18:49:55Z")

</div>

_(second time i try to post this here, 'cause my last post never appeared, nor did i get a notification that it was refused…)_

I’m using a component in a ‘Fluid design’ website, so i’ve put the code in a Div tag. If i preview it on my laptop (1366x768), it scales down if i reduce the window size of my browser.  
However, if i look at the page on a bigger monitor (1920×1080), it does not scale up ☹

I’ve been messing with different height & width settings in the ‘Embed’-line

```auto
( swfobject.embedSWF(“bannermetpics/BannerFX.swf”, “BannerFX”,“1000”, “600” , “9.0.0”, false, flashvars, params); 

```

AND in the settings.xml

```auto
<componentHeight value=“1000”/> <componentWidth value=“1650”/>

```

I discovered that the settings.xml sets height & width for the animation (or component) INSIDE a box, and that the size of that box is decided by the “1000” & “600” in my ‘Embed’-line.  
Since the component doesn’t show when i use percentages, I’m willing to try pixels (but how??)

I also tried different params.scale = “”; settings (default, exactFit, noScale & noBorder), to try to get this to work, but no succes…

How can i make my animation big enough and make it fit in its (invisible) box, so that is rescales to whatever size monitor/tablet/phone it is shown on ??

Please see the site below for code & visuals  
[http://users.telenet.be/moniquetevenie/index.html](http://users.telenet.be/moniquetevenie/index.html)