Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

iframe dynamic sizing problem

Posted on 2013-05-24
10
Medium Priority
?
285 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
DFW AZURE MEETUP TONIGHT FRI 6PM

We will be discussing what Azure Stack is, how does it fit into the suit of offerings that Azure has currently, and where can it fit into your organizations technology stack. We will also be discussing limitations of the platform while covering various applicable scenarios.

 
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
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 2000 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 2000 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

Containers & Docker to Create a Powerful Team

Containers are an incredibly powerful technology that can provide you and/or your engineering team with huge productivity gains. Using containers, you can deploy, back up, replicate, and move apps and their dependencies quickly and easily.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Although a lot of people devote their energy toward marketing for specific industries, there are some basic principles that can be applied to any sector imaginable. We’ll look at four steps to take and examine how those steps were put into action fo…
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
This video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

670 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