How can I do auto screen adjustment in <iframe> and scripts? They contain link to external sites.
<iframe> code:
<iframe id="tmc-ticker" src="http://themoneyconverter.com/AUD/RateTicker.aspx" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" height="30px" width="460px" style="float:left; margin:-1px 0px 0px 4px;"></iframe>
Script:
<script>
var width='460';
var profile='CMSForexWebQuotes1-B';
</script>
<script id="vtCurrencyPairs" src="http://webcharts.fxserver.com/pairs/js/addActivePairs.js">/**/</script>
<div> <a href="http://www.cmsfx.com"></a> </div>
Please take a look at the site: http://hannahsclinic.com/salaamforex/
On zoom in / zoom out the size changes.
Change var width='460'; to var width='100%';. Same for iframe width="100%"
<script>
var width='100%';
var profile='CMSForexWebQuotes1-B';
</script>
<div class="cmsfxWidgetWrapper" style="width: 460px; height: 346px;">
In the above code remove width:460px and make it width:auto