Topic: embed code for fluid height & width within Joomla article NOT WORKING


I am not a coder so please forgive my ignorance. I have setup a Joomla template with fluid width and the resizing of main container works fine with text. Using SVbuilder I generate a gallery with NO RESIZING and 100% width & height on the swf. This allows the inage to stay the same but the frame will resize around the image based upon the page size. This is what I want and it works fine in the HTML page. Now to get this into my fluid width Joomla template I use the following embed code in my article:

<iframe src="SimpleViewer/index.html" width= 100% height=100% frameborder="0" scrolling="no"></iframe>

Only problem is that the height of the gallery stays the same (really really) short no matter how big the page is however the width resizes just fine with the page.

Here is the link to my test page: … ;Itemid=54

Any help would be greatly appreciated.

Sincerely, jeremy

Last edited by onium (2010-12-29 06:13:32)

Re: embed code for fluid height & width within Joomla article NOT WORKING

Enclose your <iframe>'s width and height attribute values in quotes:

<iframe src="SimpleViewer/index.html" width="100%" height="100%" frameborder="0" scrolling="no"></iframe>

... and ensure that all parent containers of your <iframe> have a height specified.  Try adding the following to your CSS:

body, html, #wrapper, #content, #main_component, #page {
    height: 100%;
Steven Speirs
SimpleViewer Support Team.