iframe dynamic sizing problem

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..
LVL 1
mrmad1966Asked:
Who is Participating?
 
COBOLdinosaurCommented:
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
 
TvMptCommented:
<iframe id="myFrame" style="visibility: visible; width: 100%; height: 100%;" src="LinkedDocuments/Operational.pdf">

seems to work fine...
0
 
mrmad1966Author Commented:
Not for me !
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
TvMptCommented:
Im using firefox. In wich browser are you testing?
0
 
mrmad1966Author Commented:
Chrome & IE.. Sadly its IE our organisation uses :-(
0
 
mrmad1966Author Commented:
If I change the units to px instead of % it works... Why can I not use % and how could I  ?
0
 
mrmad1966Author Commented:
Thanks for that... This it seems was originally auto generated code from some software program.. I think Im leaning towards starting from scratch..
0
 
COBOLdinosaurCommented:
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
 
mrmad1966Author Commented:
food for thought, thank you
0
 
Jagadishwor DulalBraces MediaCommented:
Your main problem is bodyColumn td it's set to 75% that means your iframe 100% is 75% of that td.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.