• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 331
  • Last Modified:

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!
0
Nico2011
Asked:
Nico2011
1 Solution
 
Ioannis ParaskevopoulosCommented:
0
 
Nico2011Author Commented:
Thanks - that helped a GREAT deal :-)
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now