Solved

iframe dynamic sizing problem

Posted on 2013-05-24
10
266 Views
Last Modified: 2013-06-06
Folks, you can view my problem here my issue is this, inside the red area on the left (this I need to dynamically take up all width and height, it appears fine width wise just the height is a problem ) inside this area is an iFrame. When you choose a document from that first chapter it links to a pdf which I need to take up the red area..

Can ANYONE shed any light on my problem why its not working ? I can see the wood for the trees anymore ??

Thanks for reading

PS.. I inherited this site so I am aware I would have done this totally different if Id designed from scratch..
0
Comment
Question by:mrmad1966
  • 5
  • 2
  • 2
  • +1
10 Comments
 
LVL 9

Expert Comment

by:TvMpt
ID: 39193597
<iframe id="myFrame" style="visibility: visible; width: 100%; height: 100%;" src="LinkedDocuments/Operational.pdf">

seems to work fine...
0
 
LVL 1

Author Comment

by:mrmad1966
ID: 39194172
Not for me !
0
 
LVL 9

Expert Comment

by:TvMpt
ID: 39194179
Im using firefox. In wich browser are you testing?
0
 
LVL 1

Author Comment

by:mrmad1966
ID: 39194264
Chrome & IE.. Sadly its IE our organisation uses :-(
0
 
LVL 1

Author Comment

by:mrmad1966
ID: 39194348
If I change the units to px instead of % it works... Why can I not use % and how could I  ?
0
What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 39194513
Design issues are not your biggest problem.  The page needs to be validated.  There are structural errors an mis-tagging around the iframe element.  the fact that you have the iframe inside a table very much limits what you can do with it.  If you tweak the design to move the iframe out of the table then you will have an independent element that will allow more precise control.

Finally you are using an obsolete doctype and rendering to the HTML4 specification introduces issues with percentage heights, especially when there are dynamic effects involved.

Cd&
0
 
LVL 1

Author Comment

by:mrmad1966
ID: 39194529
Thanks for that... This it seems was originally auto generated code from some software program.. I think Im leaning towards starting from scratch..
0
 
LVL 53

Assisted Solution

by:COBOLdinosaur
COBOLdinosaur earned 500 total points
ID: 39194949
If it was me.  I would re-write.  It is not a complex layout, and the 20th century code has basically seen better days. The big advantage of a re-write is you will have something more robust and easier to maintain going forward.

Cd&
0
 
LVL 1

Author Comment

by:mrmad1966
ID: 39195014
food for thought, thank you
0
 
LVL 15

Expert Comment

by:Jagadishwor Dulal
ID: 39196243
Your main problem is bodyColumn td it's set to 75% that means your iframe 100% is 75% of that td.
0

Featured Post

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmakerā€¦
The viewer will learn how to count occurrences of each item in an array.

708 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

15 Experts available now in Live!

Get 1:1 Help Now