Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 6 of 6
  1. #1
    Member Taffu's Avatar
    Join Date
    Dec 2006
    Posts
    34
    Member #
    14486
    I'm developing a site and I'm trying to create an iFrame that will span the entire height of the source page. The problem I'm trying to avoid is dual scroll bars on the site.
    The site is laid out in CSS, not tables. Basically when loading my phpBB2 forums into an iFrame integrated into the main site, the problem is with height="100%" on the iFrame doesn't allow the full page to show in the iFrame window. Is there a way to fix this so it will resize the iFrame window based on the source document instead of restricting it?
    Owner - http://www.project-guild.com (in development)

  2.  

  3. #2
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    If you wipe the padding and margin on the iframe, and possibly the border, as well, you shouldn't have that problem, I would think.

  4. #3
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,720
    Member #
    5580
    Liked
    718 times
    A link would be nice.


  5. #4
    Member Taffu's Avatar
    Join Date
    Dec 2006
    Posts
    34
    Member #
    14486
    The site isn't live yet, otherwise I would have provided one : )

    And wiping the padding/margins doesn't do it. I'll post a link once that specific site page is loaded onto the server.
    Owner - http://www.project-guild.com (in development)

  6. #5
    Member Taffu's Avatar
    Join Date
    Dec 2006
    Posts
    34
    Member #
    14486
    http://www.adnauseamguild.com/vbeta/forums.html

    Here's the page in question. The first thing you'll notice is that 1) The current loaded forum page inside the HTML fits in the frame. However, when you log in, there's a large number of forum categories, so the iframe creates a scrollbar.

    What I'm trying to do is integrate the forums into the site and avoid dual scrollbars. I want the iframe (or if there's another method, that'd be good too) to resize to the size of the "source" page (ie. the forums) so that there is only the main scrollbar for the site.

    Can anyone help?
    Owner - http://www.project-guild.com (in development)

  7. #6
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,720
    Member #
    5580
    Liked
    718 times
    Try this first ...

    Don't specify any height on anything, unless you have to.

    Take out all of your "height:100%;" things in your CSS and your HTML page.
    Same with the iframe. Also in the content <div> and in your CSS file.

    See what happens then.

    Another thing you might want to try ...

    Change the page extension from .html to .php and use a PHP Include
    for the forum, instead of <iframe>.


    NOTE for future scripting ...

    this line ....
    <div id="content" width="100%" height="100%">

    should be coded like this ...
    <div id="content" style="width:100%; height:100%;">

    To over-ride style properties for any given ID, define them the same as
    you do in your .css file (style sheet).



Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:22 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com