iframe auto height

    Question by:
    On

    Topics:

    I am looking to create a simple set of 3 iframes like the diagram below with A and B being static in height and C is an autofit to the size of the window.

    ----------------------------
               A   (77px)
    ----------------------------
               B   (33px)
    ----------------------------


               C   (auto)


    ----------------------------

    I am basically looking to replace old frame code that looked like this....
    <body>
        <frameset rows="74,33,*" framespacing="0" border="0" frameborder="0">
              <frame src="A.asp" name="A" scrolling="no" noresize>
              <frame src="B.asp" name="B" scrolling="no" >
              <frame src="C.asp" name="C" scrolling="auto" >
        </frameset>
    </body>

    to iframes that look something like this...
    <body>
    <iframe name="A" width="100%" height="74" frameborder="0" scrolling="no" src="A.asp" ></iframe>
    <iframe name="B" width="100%" height="33" frameborder="0" scrolling="no" src="B.asp" ></iframe>
    <iframe name="C" width="100%" height="100%" frameborder="0" scrolling="auto" src="C.asp" ></iframe>
    </body>


    I cannot seem to get my height in frame C to work like it did with the traditional frameset where it would autofit to the size of the browser window.  Are there solutions to this?
    Thanks,
    Jon
    Good Question?
    0

    Featured Post

     Java Android Coding Bundle

    Whether you're an Apple user or Android addict, learning to code for the Android platform is an extremely valuable, in-demand skill. It all starts with Java, the language behind the apps and games that make Android the top platform it is today.

    Top Expert Contributor

    Essential articles and videos from the Experts

    I've been trying to accomplish this for a while and it just struck me yesterday how to accomplish this task. I have done searches all over the internet looking for ways to email pages from my applications and finally I have done it!!! Every single s…
    Article by: DanRollins
    This article describes a JavaScript program that creates a maze made of hexagonal cells.  In Part 2 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7850-Hex-Maze-Part-2.html), we'll extend the program by adding a depth-…
    The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
    The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

    More valuable questions with Expert answers

    Question: hi, what is xml xsd validation free tool to download. i checked stulus it is only 15 days free trial.please advise any open source good ones>

    Answer: Hi, Try Notepad++ and install plugin (XML tools) from plugin manager. You can validate against XSD and DTD Thanks, Shail

    Question: I am trying to improve my website speed ranking as per Google's page speed insights. I found some code on the net that apparently helps with that but I just wanted to check if anyone had a solution other than these or if these would work. Some...

    Answer: Good advice from Julian. Some specifics follow. In my experience any time there is a computer performance problem, it's caused by something in the I/O subsystem. In modern web applications this is almost always the database. So use EXPLAIN...

    Question: I am trying to make a loader appear for a few seconds before showing the page. If I have the script in, I never see the loader, if I remove it then the spinner never appears. If I remove it, it shows but isn't in the middle of the screen, it's to...

    Answer: why do you set the initial opacity to 0, that should make it invisible? It seems to work in this fiddle: https://jsfiddle.net/mankowitz/v3qmt9ok/

    Question: I want to create a separate mobile site with less images and faster loading than the main website. How can I get the page to detect the user is viewing the page on a mobile phone and then automatically redirect them to the mobile version of the...

    Answer: There are a bunch of ways to do this, but I belive that tofat is right. CSS and responsive design is the common best practice. That said, you can check the size of the screen with this (CODE) and then redirect as needed. You can also check...

    201601-LO-Qu-076

    Extend your technology team with the Experts Exchange community.

    — trusted by —

    Who answers my questions?Our community has technology experts around the world.

    Moussa Mokhtari

    90

    Solutions

    Expert in:

    • JavaScript
    • jQuery

    zephyr_hex

    2,672

    Solutions

    Expert in:

    • MS SharePoint
    • MS SQL Server 2005
    • Microsoft IIS Web Server
    • Windows Server 2003
    • Windows XP

    Scott Fell,  EE MVE

    1

    Articles

    3,698

    Solutions

    Expert in:

    • ASP
    • CSS
    • HTML
    • Web Development-Other
    • JavaScript

    leakim971

    1

    Articles

    8,145

    Solutions

    Expert in:

    • JavaScript
    • jQuery
    • AJAX
    • ASP.NET
    • HTML

    Mrunal

    1

    Articles

    584

    Solutions

    Expert in:

    • ASP.NET
    • .NET Programming
    • JavaScript
    • AJAX
    • C#

    BigRat

    2,342

    Solutions

    Expert in:

    • Math / Science
    • XML
    • ASP
    • AngularJS
    • Apache Web Server

    gdemaria

    1,970

    Solutions

    Expert in:

    • ColdFusion Language
    • Web Servers
    • Web Dev Software
    • JavaScript
    • HTML

    Sinisa Vuk

    746

    Solutions

    Expert in:

    • Delphi
    • Pascal
    • Programming Languages-Other
    • Programming-Other

    Ray Paseur

    47

    Articles

    14,546

    Solutions

    Expert in:

    • PHP
    • MySQL Server
    • Web Development-Other
    • HTML
    • JavaScript

    RELATED TOPICS view all topics

    1. HTML
      (56,611)
    2. jQuery
      (15,155)
    3. PHP
      (116,350)
    4. AJAX
      (11,970)
    5. Web Languages/Standards-Other
      (39,377)
    6. ASP.NET
      (122,583)
    7. CSS
      (39,811)
    8. Web Development-Other
      (72,539)
    9. Scripting Languages
      (26,198)
    10. JScript
      (6,806)