bobolibob
04-10-2009, 03:48 AM
1) Script Title: Switch Content
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/switchcontent.htm
3) Describe problem:
I have a table with 3 columns and 2 rows. I am trying to use the Switch Content script to make the bottom row expand and collapse when a button is pressed. It works exactly as I want it to in Internet Explorer, but in Firefox the whole second row is jammed into the first column.
Go here to see it in action: http://people.clemson.edu/~rcraven/test/test.html
(make sure you look at it in both IE and Firefox to see the difference)
The part where I think I am wrong is using the class in the TR tag:
<tr id="x400" class="searchlisting">
<td colspan="2" class="users"><p>2 cols wide</p></td>
<td colspan="1" class="users"><p>1 col wide</p></td>
</tr>
My best guess from looking around is that something I am doing or that the script is doing is not 100% compliant and IE is cool with it, but Firefox is being a stickler. I've checked my source on the W3C Validator and everything looks OK there. I've also tried enclosing the TR in DIV and SPAN tags, but the expand/collapse functionality quits working.
If anyone has a suggestion, it will be highly appreciated. Thanks.
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/switchcontent.htm
3) Describe problem:
I have a table with 3 columns and 2 rows. I am trying to use the Switch Content script to make the bottom row expand and collapse when a button is pressed. It works exactly as I want it to in Internet Explorer, but in Firefox the whole second row is jammed into the first column.
Go here to see it in action: http://people.clemson.edu/~rcraven/test/test.html
(make sure you look at it in both IE and Firefox to see the difference)
The part where I think I am wrong is using the class in the TR tag:
<tr id="x400" class="searchlisting">
<td colspan="2" class="users"><p>2 cols wide</p></td>
<td colspan="1" class="users"><p>1 col wide</p></td>
</tr>
My best guess from looking around is that something I am doing or that the script is doing is not 100% compliant and IE is cool with it, but Firefox is being a stickler. I've checked my source on the W3C Validator and everything looks OK there. I've also tried enclosing the TR in DIV and SPAN tags, but the expand/collapse functionality quits working.
If anyone has a suggestion, it will be highly appreciated. Thanks.