Using: IE 6.x
Hi,
I have a couple of DIV tags that start out with a visibility of "hidden". The problem is that they are hidden but they are creating unwanted whitespace in the page layout. Let me explain as briefly as possible using a simpler example:
Imagine an HTML table with a DIV tag below it. After the DIV tag is some text:
-----------
| |
-----------
<Div>
Text
I start the page with the DIV tag set to visibility:hidden. However, since the DIV tag content is about 100px high, there is white space between the table and the Text! When I make the DIV tag appear, it fits nicely in the space that's been allocated to it.
The problem is that I'm using absolute positioning to bring the DIV tag's content into the table. Thus, when I show it, it correctly appears in the table--but the white-space it created between the table and the text is still there!
I have tried all sorts of combinations of placing the DIV tag in a row within the table and then setting the height of the table to "0"--and all sorts of other ideas, to no avail.
Just so you know, all I'm trying to do is to have a table cell into which I can hide/show various content, depending on what selections are made above in the web page. Thus, if a user clicks the otpion button that says "order form" then some fields will appear; if they choose "rebate form", other fields would appear, etc. It is a dynamic form that is rendered using Javascript and CSS.
Any ideas would be most appreciated.
Thanks!
-- Jon500
Start Free Trial
