removing scrolling in iFrame

[dotJoon]

code

<table>
   <tr>
     <td>top</td>
   </tr>
</table>

<table>
   <tr>
     <td>
       <iFrame border=0 frameBorder=0 framespacing=0 
       marginHeight=0 marginWidth=0 scrolling=no vspace=0 
       width=100% height=100% src=iFrame.htm align="center">
      </iFrame>     
    </td>
   </tr>
</table>

<table>
   <tr>
     <td>foot</td>
   </tr>
</table>

I have the code above which has iFrame between top and foot.

I like to put foot just under the iframe and make no scrolling whatever the size(width, height) of iFrame.htm is changed.

[bobber205]

I know if that iframe has a predefined width, there will be no scrolling. When you saying "scrolling = no" you're saying to not scroll if there's a need. But that is overridden when the width is 100% and the height is 100%. The browser cannot display all of that and there has to be scrolling.

I would suggest instead using CSS and <div> tags. Position your footer and header that way instead.

A link to the page would also be nice.

[TheKingpin]

Have you tried putting the quotes around it like this -->

<iframe
src ="/default.cfm"
scrolling="no"
>
</iframe>

[bobber205]

When I was "taught" basic HTML is school, they never used quotes and no related problems. I don't think it's required, but instead "good practice". I always do though.

[dotJoon]

I know if that iframe has a predefined width.

No, in my case the iFrame has no predifined width and height because it is moving inside the iFrame.

That is my problem.

I would suggest instead using CSS and <div> tags. Position your footer and header that way instead.

I can't handle CSS and <div>.

[bobber205]

Sure you can!

One note: Are you trying to make it so that the top and foot does not go anywhere when the user scrolls around the page?
To make something like that, you'll have to use CSS.

Try making the foot and top have 10% height and 100% width, while the middle has 80% height and 100% width.

[dotJoon]

One note: Are you trying to make it so that the top and foot does not go anywhere when the user scrolls around the page?

Yes, exactly.

To make something like that, you'll have to use CSS.

Can you give the basic code of it in CSS?

Try making the foot and top have 10% height and 100% width, while the middle has 80% height and 100% width.

Do you mean the following?

<table height='10%'>
   <tr>
     <td>top</td>
   </tr>
</table>

<table height='80%'>
   <tr>
     <td>
       <iFrame border=0 frameBorder=0 framespacing=0 
       marginHeight=0 marginWidth=0 scrolling=no vspace=0 
       width=100% height=100% src=iFrame.htm align="center">
      </iFrame>     
    </td>
   </tr>
</table>

<table height='10%'>
   <tr>
     <td>foot</td>
   </tr>
</table>

[bobber205]

What you did is close. Except change it so that the height propety for the middle table is 80%.

Since you're used to iframes, why not try and put the top and footer parts in a iframe also? It would be exceedingly simply to do the rest in CSS. Have you ever used CSS?

[dotJoon]

Since you're used to iframes, why not try and put the top and footer parts in a iframe also?

Do you mean the following?

<table width='100% height='10%'>
  <tr>
    <td><iFrame src=top.cfm   width=100% height=100%></iFrame></td>
  </tr>
</table>


<table width='100%' height='80%'>
  <tr>
    <td><iFrame src=http://www.google.com   width=100% height=100%></iFrame></td>
  </tr>
</table>


<table width='100%' height='10%'>
  <tr>
    <td><iFrame src=foot.cfm   width=100% height=100%></iFrame></td>
  </tr>
</table>

10% is meaningless because I know the exact size of top.cfm and foot.cfm.

Scroll bar of browser is needed but I like to remove the scroll bar of IFrame with displaying full size of URL disaplaying inside the Iframe.

Have you ever used CSS?

I have used CSS a little bit. I don't understand CSS clearly. but I can copy it.

[bobber205]

Not quite.

Start off like this:

<iframe src="top.html" height="10%" width="100%">
<table></table>

Like that.

[dotJoon]

<iframe src="top.cfm" height="10%" width="100%">

<table width='100%' height='80%'>
  <tr>
    <td>
          <iFrame src=http://www.google.com   
          width=100% height=100%></iFrame>
    </td>
  </tr>
</table>

<iframe src="foot.cfm" height="10%" width="100%">

Do you mean the above?




But the middle IFrame has scrolling when I click a link inside the middle IFrame.

I like to remove the scrolling in the middle IFrame.