Solved

resize table with iframe in it

Posted on 2004-05-02
5
335 Views
Last Modified: 2010-04-09
Here is the code

<table>
     <tr>
          <td width="100%" colspan="2">Some Header</td>
     </tr>
     <tr>
          <td width="20%">Menu</td>
          <td width="80%"><iframe style="width: 90%; height: 100%; scrolling: no;" src="some.htm">you dont support this go away</iframe></td>
     </tr>
</table>

Here is what I need.  I need the iframe to resize in height with the page being loaded.  I do not want to have any verticle or horizontal scroll bars.  I can control the width, but some pages are longer and so the height needs to dynamically change.

Thanks!

0
Comment
Question by:groone
[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
  • 2
5 Comments
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 10971759
set it dynamically off the load like this:

<body onload="top.frames[0].rezizeTo(top.frames[0].document.body.scrollWidth,top.frames[0].document.body.scrollHeight)">

That assumes that you are not in a frame set and this is the only iframe.  if there are other frames or iframes change give the iframe a name and change frames[0] to frames['thenamegoeshere']


Cd&
0
 
LVL 10

Expert Comment

by:eeBlueShadow
ID: 10971973
and here was me about to point him to http:/Web_Languages/Q_20974540.html

_Blue
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 10972178
_Blue,

That one is for when you put it on the pages being loaded in.  This is the one for coming in from the outside.

Cd&
0

Featured Post

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Hide and Unhide Table 6 42
HTML editor custom button 3 88
Check input text, Number 7 55
Scroll 5 news at a time using vticker 2 40
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

751 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