[thelist] IE6win - divs won't expand/contract properly
Rolf Mortenson
mr_mango at mac.com
Tue Nov 29 23:50:49 CST 2005
I've got a module from a fairly complex page that uses some
javascript to toggle display:none to display:block for a text box if
a user selects "other" from the dropdown menu. When the text box is
displayed, it should push everything below it further down the page,
expanding the div that contains each row of info. If the user then
changes the menu selection to something besides "other", the text box
disappears and the div should collapse again.
a simplified demo is here:
http://www.monkeypuzzle.net/testfiles/html_test_gc2/test3.html
http://www.monkeypuzzle.net/testfiles/html_test_gc2/css/screen.css
This works fine in FF, Safari, IEmac, but in IE6 things get a bit
jumbled. The divs below don't move down to accomodate the newly
displayed block.
the abbreviated html looks something like this:
<div class="rfcContainer">
<div class="rfcHeaderRow">
...some floated divs
<div></div>
<div></div>
<div class="clear>...clear the floats</div>
</div>
<div class="rfcContainerRow">
...some floated divs
<div></div>
<div></div>
<div>toggled texbox in one of them</div>
<div class="clear> ...clear the floats</div>
</div>
<div class="rfcContainerRow">
...some floated divs
<div></div>
<div></div>
<div>toggled texbox in one of them</div>
<div class="clear> ...clear the floats</div>
</div>
...more rows
</div>
One solution may be to switch to a table, but does anyone have any
insights or solutions to this?
Thanks!
More information about the thelist
mailing list