Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Mar 2004
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question iFrame 100% Height Prob

    Hi,

    Been browsing the forum trying to find an answer of how i can get my iFrame to display a whole web page with out scroll bars?

    I need to link a forum to a table cell on my site:

    http://www.britishrallying.com/forum/index.html

    The above i used a height="2300" but it doesnt work for pages bigger for obvious reasons. I need the iFrame to adjust to each page it loads in the forum.

    Ive also tried the follow:
    [list=a]
    <body onLoad="parent.document.all['oIframe'].style.height=window.document.all['oDiv'].offsetHeight";">

    <table width="100%" height="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="006bad" id="Main">
    <tr>
    <td align="left" valign="top">

    <div id="oDiv" align="left">
    <iframe id="oIframe" src='http://rally.motorsportforum.com/forums/' width="100%" scrolling="no" frameborder="1">

    </iframe>
    </div></td>
    </tr>
    </table>[/list=a]

    Any help would be very appreciated, or is there another way other than iFrames to solve my prob?

    Cheers

    Gareth

    P.s the site is under construction

  • #2
    Regular Coder oldcrazylegs's Avatar
    Join Date
    Feb 2004
    Location
    East Moline Illinois USA
    Posts
    414
    Thanks
    4
    Thanked 5 Times in 4 Posts

    iFrame 100% Height Prob

    Removing the scrollbars in an <iframe> is easy.

    Use <iframe style="overflow:auto;" scrolling="no"></iframe>

    This is the iframe reference page at W3schools.com

    http://www.w3schools.com/tags/tag_iframe.asp


  •  

    Posting Permissions

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