[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