Solved

resize table with iframe in it

Posted on 2004-05-02
5
331 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
  • 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

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
This article discusses how to create an extensible mechanism for linked drop downs.
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

20 Experts available now in Live!

Get 1:1 Help Now