ansaurus

Question

How to make the size of the IFRAME the size of the container?

Answer 1

+3 A:

You can place the menu contents in a div, set the height of the div, and the overflow value to auto or scroll. As a side note, I'd like to encourage you to abandon this use of tables in HTML, and instead consider a CSS framework like the 960 Grid System for your layouts.

.scroller { height:500px; overflow:auto; }

--

<div class="scroller">
  <ul>
    <li>Options</li>
    <li>Options</li>
    <li>Options</li>
    <li>Options</li>
    <li>Options</li>
    <li>Options</li>
  </ul>
</div>

Jonathan Sampson 2010-01-26 16:12:55

Could you give an example of that code?

Yvan JANSSENS 2010-01-26 16:14:09

I think I did something wrong while implementing it... Look at the code I've added to my question...

Yvan JANSSENS 2010-01-26 16:24:26

Answer 2

+1 A:

In your second attempt you need to take the .scroller div out of the table, then it works, at least in Firefox 3.6.

Either way, the div is shown. What browser are you using?

I would also declare a doctype.

jeroen 2010-01-26 16:40:24

I'm using Google Chrome (For Mac), though Safari has the same problems...

Yvan JANSSENS 2010-01-26 17:12:26

Although I wouldn´t recommend a css framework (I prefer writing it myself), I would definitely get rid of the table and the center tag and use list as suggested by Jonathan Sampson.

jeroen 2010-01-26 18:01:14

ansaurus

tags:

views:

answers:

How to make the size of the IFRAME the size of the container?

related questions