SitePoint Sponsor

User Tag List

Results 1 to 11 of 11

Hybrid View

  1. #1
    Get my greedy down dotJoon's Avatar
    Join Date
    Apr 2003
    Location
    daejeon, South Korea
    Posts
    2,223
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    removing scrolling in iFrame

    Code:
    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.

  2. #2
    SitePoint Zealot bobber205's Avatar
    Join Date
    Sep 2006
    Location
    Oregon
    Posts
    113
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  3. #3
    Get my greedy down dotJoon's Avatar
    Join Date
    Apr 2003
    Location
    daejeon, South Korea
    Posts
    2,223
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by bobber205
    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.


    Quote Originally Posted by bobber205
    I would suggest instead using CSS and <div> tags. Position your footer and header that way instead.
    I can't handle CSS and <div>.

  4. #4
    SitePoint Zealot bobber205's Avatar
    Join Date
    Sep 2006
    Location
    Oregon
    Posts
    113
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  5. #5
    Get my greedy down dotJoon's Avatar
    Join Date
    Apr 2003
    Location
    daejeon, South Korea
    Posts
    2,223
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by bobber205
    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.

    Quote Originally Posted by bobber205
    To make something like that, you'll have to use CSS.
    Can you give the basic code of it in CSS?

    Quote Originally Posted by bobber205
    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?

    Code:
    <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>

  6. #6
    SitePoint Zealot bobber205's Avatar
    Join Date
    Sep 2006
    Location
    Oregon
    Posts
    113
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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?

  7. #7
    SitePoint Member
    Join Date
    Jan 2006
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Have you tried putting the quotes around it like this -->

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

  8. #8
    SitePoint Zealot bobber205's Avatar
    Join Date
    Sep 2006
    Location
    Oregon
    Posts
    113
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •