Another iFrame question

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • SF RVN

    Another iFrame question

    I have searched NUMEROUS sources in an effort to find the magic
    (script, styles, syntax, etc.) that will allow me to create a web page
    with the following format:

    |----------------------------------------------------------------|
    | Discrete table used as 'banner' |
    | DONE! |
    |----------------------------Table 1-----------------------------|

    |----------------------------------------------------------------|
    | |---------------------------------------------| |
    | | Nested tables 2 and 3 used as 'menu bar' | |
    | DONE! |----------------Table 3----------------------| |
    |--------Table 2-------------------------------------------------|

    |-----------------------Table 4----------------------------------|
    | |--Col A----|--------Col B-----------------------------------| |
    | | <td> | |---------iFrame------------------------------|| |
    | | W = 25% | | W = 100% || |
    | | H = 100% | | iFrame serves as 'target' for links in Col A|| |
    | | | | iFrame height NOT DONE!! || |
    | |Java-driven| |---------------------------------------------|| |
    | | menu here | | | |
    | | serves as | <td> |Dynamically adjusts | |
    | | nav page! | W = 75% |to size of web page | |
    | | | H = 100% |called by links on left| |
    | | DONE! | DONE! V | |
    | |-----------|------------------------------------------------| |
    | |
    |----------------------------------------------------------------|

    All aspects of this layout work... except the height of the iFrame! I
    want the iFrame to FILL THE TABLE CELL -- dynamically adjusting to the
    height of the iFrame to accommodate the height of the document 'called'
    by the link in Col A ('Nav Page'). It does not. (Clicking a link on
    the Nav menu in Col A DOES load the desired web page into the iFrame.)
    Setting the iFrame height attribute to 100% makes the iFrame
    inoperative/invisible.

    Is there a way to make the iFrame fill the table cell -- or am I trying
    to do 'Mission Impossible'?? Any suggestions from this collective body
    of wisdom??? Help/Guidance would be appreciated!

    gary b

  • Grant Smith - eNVENT Technologies

    #2
    Re: Another iFrame question

    SF RVN wrote:[color=blue]
    > I have searched NUMEROUS sources in an effort to find the magic
    > (script, styles, syntax, etc.) that will allow me to create a web page
    > with the following format:
    >
    > |----------------------------------------------------------------|
    > | Discrete table used as 'banner' |
    > | DONE! |
    > |----------------------------Table 1-----------------------------|
    >
    > |----------------------------------------------------------------|
    > | |---------------------------------------------| |
    > | | Nested tables 2 and 3 used as 'menu bar' | |
    > | DONE! |----------------Table 3----------------------| |
    > |--------Table 2-------------------------------------------------|
    >
    > |-----------------------Table 4----------------------------------|
    > | |--Col A----|--------Col B-----------------------------------| |
    > | | <td> | |---------iFrame------------------------------|| |
    > | | W = 25% | | W = 100% || |
    > | | H = 100% | | iFrame serves as 'target' for links in Col A|| |
    > | | | | iFrame height NOT DONE!! || |
    > | |Java-driven| |---------------------------------------------|| |
    > | | menu here | | | |
    > | | serves as | <td> |Dynamically adjusts | |
    > | | nav page! | W = 75% |to size of web page | |
    > | | | H = 100% |called by links on left| |
    > | | DONE! | DONE! V | |
    > | |-----------|------------------------------------------------| |
    > | |
    > |----------------------------------------------------------------|
    >
    > All aspects of this layout work... except the height of the iFrame! I
    > want the iFrame to FILL THE TABLE CELL -- dynamically adjusting to the
    > height of the iFrame to accommodate the height of the document 'called'
    > by the link in Col A ('Nav Page'). It does not. (Clicking a link on
    > the Nav menu in Col A DOES load the desired web page into the iFrame.)
    > Setting the iFrame height attribute to 100% makes the iFrame
    > inoperative/invisible.
    >
    > Is there a way to make the iFrame fill the table cell -- or am I trying
    > to do 'Mission Impossible'?? Any suggestions from this collective body
    > of wisdom??? Help/Guidance would be appreciated!
    >
    > gary b
    >[/color]
    Well.... I have had no luck with this either. I've tried using both CSS
    and <iframe> attributes to set the height to percentages of the table
    cell. I've also tried using various tweaks to size it via margins (CSS).
    Nothing has worked. I'm not sure that it is possible. If I am wrong,
    though, I'd love the answer as well...

    --
    Grant Smith
    A+, Net+, MCP x 2

    eNVENT Technologies - www.envent-tech.com

    Comment

    • SF RVN

      #3
      Re: Another iFrame question

      Grant Smith - eNVENT Technologies wrote:
      [color=blue]
      > Well.... I have had no luck with this either. I've tried using both[/color]
      CSS[color=blue]
      > and <iframe> attributes to set the height to percentages of the table[/color]
      [color=blue]
      > cell. I've also tried using various tweaks to size it via margins[/color]
      (CSS).[color=blue]
      > Nothing has worked. I'm not sure that it is possible. If I am wrong,
      > though, I'd love the answer as well...
      >
      > --
      > Grant Smith
      > A+, Net+, MCP x 2
      >
      > eNVENT Technologies - www.envent-tech.com[/color]

      One website I use for a reference states that the value for the height
      attribute (of an iFrame) can only be given in 'px' -- that may explain
      why the iFrame "disappears " when I used height="100%". And I did find
      some code that claims to adjust the iFrame height... but I've not been
      able to get it to work. Another website states that dynamic adjustment
      of the iFrame is possible --- using code to get (and pass) the height
      of the 'loaded' document to the iFrame. Whew... seems like a lot of
      work -- and beyond my capabilities.

      The only way to work around (ignore!) the issue is to specify a height
      for the iFrame (pixels only!) that is long enough to accommodate all
      possible loaded pages. It works... you just have to ignore the extra,
      blank turf at the bottom of the parent page.

      I hate to give up on this. I like the 'feel' and the layout. But I
      see no 'user friendly' solution. Anyone run across a 'how to' in your
      travels??

      gary b

      Comment

      • morgan goose

        #4
        Re: Another iFrame question

        SF RVN wrote:[color=blue]
        > Grant Smith - eNVENT Technologies wrote:
        >[color=green]
        > > Well.... I have had no luck with this either. I've tried using both[/color]
        > CSS[color=green]
        > > and <iframe> attributes to set the height to percentages of the[/color][/color]
        table[color=blue]
        >[color=green]
        > > cell. I've also tried using various tweaks to size it via margins[/color]
        > (CSS).[color=green]
        > > Nothing has worked. I'm not sure that it is possible. If I am[/color][/color]
        wrong,[color=blue][color=green]
        > > though, I'd love the answer as well...
        > >
        > > --
        > > Grant Smith
        > > A+, Net+, MCP x 2
        > >
        > > eNVENT Technologies - www.envent-tech.com[/color]
        >
        > One website I use for a reference states that the value for the[/color]
        height[color=blue]
        > attribute (of an iFrame) can only be given in 'px' -- that may[/color]
        explain[color=blue]
        > why the iFrame "disappears " when I used height="100%". And I did[/color]
        find[color=blue]
        > some code that claims to adjust the iFrame height... but I've not[/color]
        been[color=blue]
        > able to get it to work. Another website states that dynamic[/color]
        adjustment[color=blue]
        > of the iFrame is possible --- using code to get (and pass) the height
        > of the 'loaded' document to the iFrame. Whew... seems like a lot of
        > work -- and beyond my capabilities.
        >
        > The only way to work around (ignore!) the issue is to specify a[/color]
        height[color=blue]
        > for the iFrame (pixels only!) that is long enough to accommodate all
        > possible loaded pages. It works... you just have to ignore the[/color]
        extra,[color=blue]
        > blank turf at the bottom of the parent page.
        >
        > I hate to give up on this. I like the 'feel' and the layout. But I
        > see no 'user friendly' solution. Anyone run across a 'how to' in[/color]
        your[color=blue]
        > travels??
        >
        > gary b[/color]

        I've had that same trouble i believe when i started this page, but this
        is my iframe section that i got to work. Hopefully it is of some use.

        <td width="600" height="100%" rowspan="4" align="left" valign="top">

        <iframe src="content.ht ml" name="center" width="100%"
        height="100%" frameborder="0" allowtransparen cy="true">

        <!-- Alternate content for non-supporting browsers -->

        <p>Oops your browser doesn't like Inline Frames sorry...</p>

        </iframe>

        </td>

        Comment

        • SF RVN

          #5
          Re: Another iFrame question

          Thanks for the lead, Morgan...

          Unfortunately, that did not work. I have a couple other ideas. If I
          have any success, I'll post back to the group.

          Thanks again for your suggestion.

          gary b


          morgan goose wrote:[color=blue]
          >
          > I've had that same trouble i believe when i started this page, but[/color]
          this[color=blue]
          > is my iframe section that i got to work. Hopefully it is of some[/color]
          use.[color=blue]
          >
          > <td width="600" height="100%" rowspan="4" align="left" valign="top">
          >
          > <iframe src="content.ht ml" name="center" width="100%"
          > height="100%" frameborder="0" allowtransparen cy="true">
          >
          > <!-- Alternate content for non-supporting browsers -->
          >
          > <p>Oops your browser doesn't like Inline Frames[/color]
          sorry...</p>[color=blue]
          >
          > </iframe>
          >
          > </td>[/color]

          Comment

          • Grant Smith - eNVENT Technologies

            #6
            Re: Another iFrame question

            SF RVN wrote:[color=blue]
            > Thanks for the lead, Morgan...
            >
            > Unfortunately, that did not work. I have a couple other ideas. If I
            > have any success, I'll post back to the group.
            >
            > Thanks again for your suggestion.
            >
            > gary b
            >
            >
            > morgan goose wrote:
            >[color=green]
            >>I've had that same trouble i believe when i started this page, but[/color]
            >
            > this
            >[color=green]
            >>is my iframe section that i got to work. Hopefully it is of some[/color]
            >
            > use.
            >[color=green]
            >> <td width="600" height="100%" rowspan="4" align="left" valign="top">
            >>
            >> <iframe src="content.ht ml" name="center" width="100%"
            >> height="100%" frameborder="0" allowtransparen cy="true">
            >>
            >> <!-- Alternate content for non-supporting browsers -->
            >>
            >> <p>Oops your browser doesn't like Inline Frames[/color]
            >
            > sorry...</p>
            >[color=green]
            >> </iframe>
            >>
            >></td>[/color]
            >
            >[/color]
            I suppose I could contrive a way to tell my html pages via PHP how big
            to make the Iframe and it wouldn't be that hard. If I have a chance to
            play around, I'll post the results.

            --
            Grant Smith
            A+, Net+, MCP x 2

            eNVENT Technologies - www.envent-tech.com

            Comment

            • SF RVN

              #7
              Re: Another iFrame question

              Problem has been resolved!! The solution was to take the iFrame out of
              the layout table (!) and then apply a script that actually resizes the
              iFrame(!). This excellent script (along with some others) can be found
              here:



              A 'tip-o-the-hat' to DynamicDrive and thanks to all for their input.

              Cheers!

              gary b

              Comment

              Working...