How Do I Fit A Website Into A Specific Iframe Size?

Hi there, I want to show some websites inside my portfolio website. I found the way to integrate a website into iframes but I wish the website I'm showing fit into the iframe size. Please help!
Here you can see what I meant (click the SAMPLE picture) http://avogart.com/odreman/www/index.php#!portfolio

 

If the sites were designed PROPERLY as fluid, semi fluid, or modern style as "responsive layout" they should be able to auto-adjust... if they can't -- well, they're not very well written. Welcome to yet another of the reasons fixed width layouts are the road to failure and little more than sleazy ignorant design practice reeking of "WCAG, what's that?!?"

NOT that this being 2013 instead of 1997 you have any business using an iframe -- I'd have a thumbnail pic that's a link to the actual site instead.

Though your site is horribly broken here in Opera... stuff overlapping itself all over the place (possibly from too much absolute positioning or using dynamic fonts in fixed size containers), you've got color contrasts for the text vs. background below accessibility norms -- and of course the 'gee ain't it neat' scripting pretty much destroying the page's functionality, usability and accessibility.

Of course that it's a non-real world deployable document (XHTML 1.1 instead of 1.0) and knee deep in endless pointless javascript, jquery bloat, a lack of proper semantics or navigable structure... along with nonsensical gibberish use of numbered headings... laundry list of how not to build a website.

 

Run away from iframes unless given no alternative by a client. In this case, use thumbnail images like Deathshadow pointed out... then just link to the site. There's no reason to use iframes here.

 

Unfortunately it doesn't work that way. You need to size your iframe to fit the other content. This can be down with width and height variables in your iframe tag <iframe src="xxxxxxxxx" frameBorder="0" width="100%" height="1500" scrolling="auto">