[x]
Posted via EE Mobile

Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again.

Question
[x]
Attachment Details

how auto expand iframe vertically

Asked by farooqazeem in Hypertext Markup Language (HTML), JavaScript

Tags: HTML, JavaScript

Hi,

I'm calling html pages in iframe. if html's page length is long iframe hide part of the html page.

I want no matter how long html page it should expand vertically automatically.

please check the simple html code files. i m using to created web site structure.

 

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
<!-- Main.html -->
<BODY>
   <table align="center" width="990" border=1>
		  <tr><td colspan="2" height="150" Name="Title" id="Title"><!--#include file="title.shtml" --></td></tr>
	  	  <tr> <td width="155" target="det"> <!--#include file="Navigator.shtml" --> </td>
		  	   <td width="800"  name="det" >
					<iframe name="det"  frameborder=0 width="100%" src="detail.htm" height="100%" scrolling="no"  > </iframe> 
	  		 </td></tr>
    </table>
</BODY>
 
 
<!-- Title.html -->
<P><H1 align=center>Title </h1></P>
 
<!-- Navigator.html -->
<P>This is navigation page</P>
<p> <a href="detail.html" target=det > Detail </a> </p>
<p> <a href="detail2.html" target=det > Detail 2</a> </p>
 
 
<!-- Detail.html -->
<BODY>
<h1> Detail Page one </h1>
<P> This is test page  line 1  </P>
<P> This is test page  line 2  </P>
<P> This is test page  line 3  </P>
<P> This is test page  line 4  </P>
<P> This is test page  line 5  </P>
<P> This is test page  line 6  </P>
<P> This is test page  line 7  </P>
<P> This is test page  line 8  </P>
</BODY>
 
<!-- Detail2.html -->
<BODY>
<h1> Detail Page Two</h1>
<P> This is test page  line 1  </P>
<P> This is test page  line 2  </P>
<P> This is test page  line 3  </P>
<P> This is test page  line 4  </P>
<P> This is test page  line 5  </P>
<P> This is test page  line 6  </P>
<P> This is test page  line 7  </P>
<P> This is test page  line 8  </P>
</BODY>
[+][-]08/26/09 11:42 PM, ID: 25195159Expert Comment

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 30-day free trial to view this Expert Comment or ask the Experts your question.

 
 
Loading Advertisement...
20091021-EE-VQP-81 - Hierarchy / EE_QW_3_20080625