> Date: Fri, 23 Mar 2012 16:29:06 -0400
> From: "Robert A. Rosenberg" <webdesig...@rarpsl.com>
> To: Luis Cabral <nmqp...@hotmail.com>
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] How to make a div fill the height of an iframe
> Message-ID: <p06240804cb928d076209@[192.168.1.11]>
> Content-Type: text/plain; charset="iso-8859-1" ; format="flowed"
>
> At 08:32 +0000 on 03/23/2012, Luis Cabral wrote about [css-d] How to
> make a div fill the height of an iframe:
>
> If you make the 2nd DIV a table would that work (ie: Show the scroll
> bars as needed but not affect the height of the iframe or add scroll
> bars to it)?
Thanks for the reply. I tried using a table instead of a div, but no luck.
By the way, sorry for my original post that looks all messed up! I think it was
caused by the webmail client I use...
I am re-posting my question below, I hope it displays properly this time.
Hello,
I have the following scenario:
- An iframe that has fixed width and height and is absolutely positioned in the
middle of the screen (simulating a modal pop up window)
- The document inside that iframe contains 2 divs, both 100% width. The top one
is variable height, and the bottom one should occupy the space left inside the
iframe. If required, scrollbars should display in the bottom div, but not in
the iframe itself.
I made a diagram to try to make it clearer:
+-iframe (fixed width and height)
| no scrollbars should display on the iframe
|+-div1----
||variable height
||
||
||
||
|+-------------
|+-div2----
||height should occupy the
||remaining space in the div, scrollbars should show
||inside the div if required if its contents
||are bigger than the available space
|+--------------
+----------
Note that this slightly different from the usual requirement, which is to
dynamically resize the iframe accordingly to its contents.
Is this possible to be done with just CSS? (assume the most recent browsers
will be used i.e. Chrome, IE8+ etc)
Thanks
Luis
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
