scaling web content display for browser size

[Brian Cohen, modificado hace 11 años.]

If I include via a web content display portlet some custom soruce code, to say, show a news feed "gadget" such as the following from FeedZilla:

<!-- Feedzilla Widget BEGIN -->
<div class="feedzilla-news-widget feedzilla-8248345055617392" style="width:250px; padding: 0; text-align: center; font-size: 11px; border: 0;">
	<script type="text/javascript" src="http://widgets.feedzilla.com/news/iframe/js/widget.js"></script><script type="text/javascript"> new FEEDZILLA.Widget({ style: 'slide-top-to-bottom', culture_code: 'en_us', c: '15', sc: '722', headerTextColor: '#ffffff', headerBackgroundColor: '#1983a3', contentLinkColor: '#1983a3', contentTextColor: '#00000', footerBackgroundColor: '#1983a3', title: 'Security News', order: 'relevance', count: '10', w: '450', h: '360', timestamp: 'true', scrollbar: 'true', theme: 'ui-lightness', className: 'feedzilla-8248345055617392' }); </script></div>
<!-- Feedzilla Widget END -->

I notice that as I shrink my browser, the portlet will not scale, and will overlap oher portlets, see the screenshot snippet below:


This is on the class theme. Is there some javascript/css code I can use to scale the gadget based on browser screen size?

[Brian Cohen, modificado hace 11 años.]

Cannot get the image to display here on the forums, sorry.

Basically the web content portlet is overlapping the other portlets when shrinking the browser size. Meaning also if I just use WYSIWYG editior in web content display, this does not happen, everything on the classic theme scales fine. Just this custom code does no scale.