div tags

[Twentyoneth]

I have a slight problem, I have a table that is set to 100% width and 100%height, I need the div tag inside of it to be the same.

The table that is set to 100% width and 100% height, is in another table, so it has a set width and height, based upon the size of the window, but I need the div to have scrollbars.

This is the section of my code:
[code]<td vAlign='top' width='100%' height='100%' align='center' bgColor='#ffffff'>
    <div style='width: 100%; height: 100%; position: absolute; overflow: auto;'>[/code]

Any ideas on how to get the scroll bar to show up for only the size of the table it's in, instead of the size of the entire page, starting from where the table is placed?

This is what it does:

[code]+--------------------------------+
+--------------------------------+
+---+------------------------+---+
+---+------------------------+---+
+---+------------------------+---+
    +------------------------+
    +------------------------+[/code]

[rburch]

You can't do this. Layers (div) work independant of tables or the rest of the page - kinda like floating over the top of the webpage, so they can't be contained inside the table. You will have to decide on a size smaller than the table and stick to it. [img src=\"style_emoticons/[#EMO_DIR#]/huh.gif\" style=\"vertical-align:middle\" emoid=\":huh:\" border=\"0\" alt=\"huh.gif\" /]

[Twentyoneth]

Is there a better way to go about this?

[EDIT: I will use <iframe> to do it. ]

[rburch]

Or a pop-up window - they give you complete control over the page - size, scrollbar, buttons, etc. - lots of options...