asked on

iFrame and div not sizing correctly

Hello,

I have a page with a div, which in turn contains a resized version of a webpage however I would like to see the full 'mini' version of the webpage - it is cut off at the moment...

The page can be viewed HERE

Here is my HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lead</title>

<style>
  #follow {
    position: fixed;
    bottom: 0;
    right: 0;
  }
  iframe {
  -moz-transform: scale(0.75, 0.75); 
  -webkit-transform: scale(0.75, 0.75); 
  -o-transform: scale(0.75, 0.75);
  -ms-transform: scale(0.75, 0.75);
  transform: scale(0.75, 0.75); 
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}
</style>
</head>
<body>
<div id="follow" style="width:300px; height:200px"><iframe id="myIframe" src="http://www.villasdirect.com/show-me/follow.asp?ID=12" style="width:400px; height:300px"></iframe></div>
</body>
</html>

Open in new window

THANKS in advance!

ASKER CERTIFIED SOLUTION

Ioannis Paraskevopoulos

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Nico2011

ASKER

Thanks - that helped a GREAT deal :-)