After adding nowrap attributes to every td, this is what we get in Mozilla 1.6 for Linux:
It got rid of the wrapping, all right, but that spacing looks horrible. You have to look really close to tell this isn't a four-column table.
How about IE6 for Windows?
Looks essentially the same. Not suprising, since wrapping wasn't a problem on this platform.
You wouldn't expect the Mac IE 5 table to change either, right? Ah, yeah, right.
Now the spacer cells are no longer the same size, as well as the inexplicable space to the right of the item names. Sheesh.
Here's what this table looks like in your browser:
| main item one | main item one edit control | ||||
| main item two | |||||
| subitem one | subitem one edit control | ||||
| subitem two (with a long name) | subitem two edit control | ||||
| main item three | main item three edit control | ||||
Ok, everything we've seen so far is bad. But I know another trick: adding a row of empty cells (just six empty <td></td>s) in a row by themselves at the top of the tale. What happens when we ditch the nowrap and try that? Let's see.