I need some help.

I want to remove all of the modules in the middle section of the site making it one big module stretching 100% with auto height to place an iframe into.

I am creating a demo site and only need the top menu area for the logo and menu to switch between templates.

And I need the footer. How can I make this possible with this template.

By middle section - not 100% sure what exactly you mean.

If you simply don't have any modules in those rows does not work for you?

You will need to set a module position at 12 spans for the iframe

www.joomlabamboo.com/blog/how-to-joomla/how-to-resize-position-widths-in-t3-templates

so in module position tab it needs to be set as 1

You may have to adjust padding and margin for the position row that you chose via the custom.css

Cheers
Paul

demo.jumpstartbusinessinnovations.com/index.php/template2 You can look at this for example. I need that Iframe to take up the entire middle section. Keeping the footer with the copyright and the header area with banner menu area. And keeping only one module or space in the center.

Do you mean extending outside its container?

These values will remove space

.row-fluid [class*="span"] {min-height:0;}
#mainWrap .zen-container {padding:0;}

once added to the custom.css

Cheers
Paul

I mean physically deleting the modules so they dont exist. Meaning one module will be in the center. With the footer module, the banner module, and the top section including the logo area and the menu area which are in modules, left behind. Meaning I would only have 4 total modules. Or areas to use. The banner module, the menu area module, the logo module, the footer module. That is all I need. Just 4 modules.

That's what you have now (above instead of banner)

logo, navigation, above and copyright

The rest is spacing you can remove via css

e.g. build on this

.row-fluid [class*="span"], #midCol {min-height:0;}
#mainWrap .zen-container {padding:0;}
body .span8.copyright {display:none;}
#zen-copyright {float: left;}
#footerwrap .span4 {margin-left: 0;}

If you look at the page again. The object in the center is Iframe inserted into the above position. Now what I need to do is have the above width and height automatically flex depending on the computer screen size. Meaning that entire section hits the edge of the screen and has no dimensional restrictions. So if I view the page on a screen at 82 inches it will show the middle section as that iframed site. Thats what I am after. Sorry for the confusion.

Another way to look at it is like the topcolour divider area changes depending on the screen size and the zoom. I know that is a static image but i need the same functionality out of the above module. Is this even possible.

To clarify even farther. I am trying to design a demo site such as yours.
demo.joomlabamboo.com/

I am going to use the top area to have the logo and the menu with template selector. As well as some other picture. Then use the above module position to insert an iframe into depending on the page. And then keep the footer in there for copyright of our site. I hope this explains exactly what I am trying to do.

This is a visual of what I would like. How can I get the code to this. The module title isnt important.

I'm not a 100% how to make a responsive iframe - its not something I've come across

I think you will need to experiment with tutorials
stackoverflow.com/questions/17838607/making-an-iframe-responsive

I'll see if Anthony the developer has any input on this

Cheers
Paul

Hi Steve,

Looking through the thread I think the best thing to do is just to use static html actually.

Thats what we did with the iframe for the demo.

Paul is right you need to use a script to firstly make the iframe 100% and then there are some issues with iframe being responsive too. The link Paul pointed to is a good resource for that.

Check out this Themeforest thread regarding creating an iframe liek the one we have:
themeforest.net/forums/thread/iframe-theme-changer/45435

Hope that helps.

Thanks for that link. That ended up helping greatly. Thats all I was trying to do. Appreciate it.

Just thought I'd check out it - so to give you a heads up it doesn't seem work be working on that link

Cheers
Paul

Ive got the page how I want it now. Thanks to Anthony and his help. It might not be in your template but it works. Thanks for the help Anthony.

You can check it out at demo.jumpstartbusinessinnovations.com.

Right - I'll pass on your thanks

Cheers
Paul