Solved

shrink size in IFRAME?

Posted on 2002-06-02
5
591 Views
Last Modified: 2009-07-29
My problem is this :

I have a local html file, which has inside itself an IFRAME that calls an outer URL..

now my question is, is there a possibility to use html/css/javascript (client side things..) to shrink what there is inside the IFRAME? The page that it calls is bigger than what I can see in the iframe, and I want to be able to see the most of that page...

Thanks in advance.
0
Comment
Question by:Kalimero
5 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 7049814
If it page being load is from your own site thenjust change the page to fit the iframe.  If the page is from another site.  There is nothing you can do.  You cannot access anything on a page from another domain.  

If the page is too big then you the users will have to scroll to see it all.

Cd&
0
 
LVL 2

Expert Comment

by:TenTonJim
ID: 7049841
You could actually call another instance of the "outer" page so to speak, with your larger content in the iframe, and adjust the iframe sixe to whatever you need.
Klunky perhaps but it would work.

JimS.
0
 
LVL 22

Accepted Solution

by:
CJ_S earned 200 total points
ID: 7050792
Yes you can. The following illustrates that, though it will only work in new IE versions (from version 5.0)

<iframe src="http://www.google.com" style="zoom:0.5;height:500px;width:500px;"></iframe>
0
 
LVL 22

Expert Comment

by:CJ_S
ID: 7050793
Please note that the size you set for the iframe will also be zoomed.

CJ
0
 

Author Comment

by:Kalimero
ID: 7069889
Thanks a Bunch!

I was looking for years for a fix!
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Centering a div in html5 5 47
css, html 6 31
Mobile version of website does not react 6 52
Flexbox in CSS3 2 26
Do you want to insert HTML5 video into your site? This is the tutorial how to do so. What are the main advantages of HTML5 video? 1) Have good compression, good image quality, and low decode processor use. 2) It is royalty-free 3) It is easi…
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…

705 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now