 nested tables in IE7 problem, IE renders the nested tables included inside a div erronously, while o |
  |
| shaq |
  Mar 12 2009, 03:26 AM
Post
#1
|
|
Group: Members Posts: 1 Joined: 12-March 09 Member No.: 8,042  |
Greetings,
i have a problem displaying an html page that contains nested tables, all inside 1 div. now the testing page that i present is a simple html, which works just fine in FF, chrome, safari and opera. sadly, it doesnt in IE7 (didnt test other IE versions). the goal is to make the scroll of the div reflect the width of the tables. i dont know what is causing this, maybe there's something missing in my code, or just an IE bug, perhaps... Anyway, i appreciate you reading this and thanks for your help, if any. the HTml code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><body> <table border="1" bordercolor="#00FF33" width="100%"><tr> <td valign="top" width="20%"> <div style="overflow: auto; height: 250px; width: 100%;"> <table border="0" width="200px" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <table border="1" width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr style="display: block;" valign="top"> <td valign="middle" width="20"><img style="color: black; cursor: pointer;" src="lwpbeans/images/icons/LibraryClosed_Tree_quickr.gif"></td> <td style="color: black; cursor: pointer; text-decoration: none;" valign="middle" width="100%">4.1_place</td> </tr> </tbody> </table> </td> </tr> <tr> <td style="border:3px solid grey "> <table id="folderTree" style="display: block;" border="1" width="200px" cellpadding="0" cellspacing="0" bgcolor="#FFCCFF" bordercolor="#0000FF"> <tbody> <tr id="TRid_0" style="display: block;" valign="top"> <td align="left" valign="middle" width="5%"><img style="cursor: pointer;" src="lwpbeans/images/icons/menuCollapseLast.gif"></td> <td align="left" valign="middle" width="5%"><img style="cursor: pointer;" src="lwpbeans/images/icons/FolderClosed_Tree_quickr.gif"></td> <td align="left" valign="middle" width="90%" nowrap ><a style="cursor: pointer; color: black; text-decoration: none;">exax</a></td> </tr> <tr id="TRid_1" style="display: none;" valign="top"><td colspan="3" valign="top" width="100%"></td></tr> <tr id="TRid_6" style="display: block;" valign="top"> <td align="left" valign="middle" width="5%"><img style="cursor: pointer;" src="lwpbeans/images/icons/menuExpandLast.gif"></td> <td align="left" valign="middle" width="5%"><img style="cursor: pointer;" src="lwpbeans/images/icons/FolderOpen_Tree_quickr.gif"></td> <td align="left" valign="middle" width="90%" nowrap ><a style="cursor: pointer; color: black; text-decoration: none;">Root</a></td> </tr> <tr id="TRid_7" style="display: block;" valign="top"> <td colspan="3" valign="top" width="100%"> <table border="1" cellpadding="0" cellspacing="0" bordercolordark="#00DD00" width="100%"> <tbody> <tr id="TRid_7_0" style="display: block;" valign="top"> <td align="left" width="5%"><img src="lwpbeans/images/spacer.gif" width="20"></td> <td align="left" valign="middle" width="5%"><img style="cursor: pointer;" src="lwpbeans/images/icons/menuExpandLast.gif"></td> <td align="left" valign="middle" width="5%"><img style="cursor: pointer;" src="lwpbeans/images/icons/FolderOpen_Tree_quickr.gif"></td> <td align="left" valign="middle" width="85%" nowrap ><a style="cursor: pointer; color: black; text-decoration: none;">Folder1</a></td> </tr> <tr id="TRid_7_1" style="display: block;" valign="top"> <td colspan="4" valign="top" width="100%"> <table border="1" cellpadding="0" cellspacing="0" bordercolor="#FF11FF" width="100%"> <tbody> <tr id="TRid_7_1_0" style="display: block;" valign="top"> <td align="left" width="5%"><img src="lwpbeans/images/spacer.gif" width="20"></td> <td align="left" width="5%"><img src="lwpbeans/images/spacer.gif" width="20"></td> <td align="left" valign="middle" width="5%"><img style="cursor: pointer;" src="lwpbeans/images/icons/menuCollapseLast.gif"></td> <td align="left" valign="middle" width="5%"><img style="cursor: pointer;" src="lwpbeans/images/icons/FolderClosed_Tree_quickr.gif"></td> <td align="left" valign="middle" width="80%" nowrap ><a style="cursor: pointer; color: black; text-decoration: none;">xavierrrrrrrrrrrrrrrr</a></td> </tr> <tr id="TRid_7_1_1" style="display: none;" valign="top"><td colspan="5" valign="top" width="100%"></td></tr> <tr id="TRid_7_1_2" style="display: block;" valign="top"> <td align="left" width="5%"><img src="lwpbeans/images/spacer.gif" width="20"></td> <td align="left" width="5%"><img src="lwpbeans/images/spacer.gif" width="20"></td> <td align="left" valign="middle" width="5%"><img style="cursor: pointer;" src="lwpbeans/images/icons/menuCollapseLast.gif"></td> <td align="left" valign="middle" width="5%"><img style="cursor: pointer;" src="lwpbeans/images/icons/FolderClosed_Tree_quickr.gif"></td> <td align="left" valign="middle" width="80%" nowrap ><a style="cursor: pointer; color: black; text-decoration: none;">Superman</a></td> </tr> <tr id="TRid_7_1_3" style="display: none;" valign="top"><td colspan="5" valign="top" width="100%"></td></tr> <tr id="TRid_7_1_4" style="display: block;" valign="top"> <td align="left" width="20"><img src="lwpbeans/images/spacer.gif" width="20"></td> <td align="left" width="20"><img src="lwpbeans/images/spacer.gif" width="20"></td> <td align="left" valign="middle" width="5%"><img style="cursor: pointer;" src="lwpbeans/images/icons/menuExpandLast.gif"></td> <td align="left" valign="middle" width="5%"><img style="cursor: pointer;" src="lwpbeans/images/icons/FolderOpen_Tree_quickr.gif"></td> <td align="left" valign="middle" width="100%" nowrap ><a style="cursor: pointer; color: black; text-decoration: none;">tony_s folder</a></td> </tr> <tr id="TRid_7_1_5" style="display: block;" valign="top"> <td colspan="5" valign="top" width="100%"> <table border="0" width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr id="TRid_7_1_5_0" style="display: block;" valign="top"> <td align="left" width="20"><img src="lwpbeans/images/spacer.gif" width="20"></td> <td align="left" width="20"><img src="lwpbeans/images/spacer.gif" width="20"></td> <td align="left" width="20"><img src="lwpbeans/images/spacer.gif" width="20"></td> <td align="left" valign="middle" width="5%"><img style="cursor: pointer;" src="lwpbeans/images/icons/menuExpandLast.gif"></td> <td align="left" valign="middle" width="5%"><img style="cursor: pointer;" src="lwpbeans/images/icons/FolderOpen_Tree_quickr.gif"></td> <td align="left" valign="middle" width="100%" nowrap ><a style="cursor: pointer; color: black; text-decoration: none;">somefolder</a></td> </tr> <tr id="TRid_7_1_5_1" style="display: block;" valign="top"> <td colspan="6" valign="top" width="100%"> <table border="0" width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr id="TRid_7_1_5_1_0" style="display: block;" valign="top"> <td align="left" width="20"><img src="lwpbeans/images/spacer.gif" width="20"></td> <td align="left" width="20"><img src="lwpbeans/images/spacer.gif" width="20"></td> <td align="left" width="20"><img src="lwpbeans/images/spacer.gif" width="20"></td> <td align="left" width="20"><img src="lwpbeans/images/spacer.gif" width="20"></td> <td align="left" valign="middle" width="5%"><img style="cursor: pointer;" src="lwpbeans/images/icons/menuExpandLast.gif"></td> <td align="left" valign="middle" width="5%"><img style="cursor: pointer;" src="lwpbeans/images/icons/FolderOpen_Tree_quickr.gif"></td> <td align="left" valign="middle" width="100%" nowrap ><a style="cursor: pointer; color: black; text-decoration: none;">inner folder</a></td> </tr> <tr id="TRid_7_1_5_1_1" style="display: block;" valign="top"> <td colspan="7" valign="top" width="100%"> <table border="0" width="100%" cellpadding="0" cellspacing="0"> <tbody> <tr id="TRid_7_1_5_1_1_0" style="display: block;" valign="top"> <td align="left" width="20"><img src="lwpbeans/images/spacer.gif" width="20"></td> <td align="left" width="20"><img src="lwpbeans/images/spacer.gif" width="20"></td> <td align="left" width="20"><img src="lwpbeans/images/spacer.gif" width="20"></td> <td align="left" width="20"><img src="lwpbeans/images/spacer.gif" width="20"></td> <td align="left" width="20"><img src="lwpbeans/images/spacer.gif" width="20"></td> <td align="left" valign="middle" width="5%"><img style="cursor: pointer;" src="lwpbeans/images/icons/menuLastNoChild.gif"></td> <td align="left" valign="middle" width="5%"><img style="cursor: pointer;" src="lwpbeans/images/icons/FolderOpen_Tree_quickr.gif"></td> <td align="left" valign="middle" width="100%" nowrap ><a style="cursor: pointer; color: black; text-decoration: none;">inner even more</a></td> </tr> <tr id="TRid_7_1_5_1_1_1" style="display: none;" valign="top"> <td colspan="8" valign="top" width="100%"></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </td> <td width="80%">no documents</td> </tr></table> </body></html> Attached File(s) 
Untitled_allTree.htm ( 10.43k )
Number of downloads: 323 |
  |
 
|
| dj zen masta k |
Mar 12 2009, 10:34 PM
Post
#2
|
|
Group: Members Posts: 5 Joined: 12-March 09 Member No.: 8,053 |
i copied the code into notepad and saved as test.html. shows up the same in ie7 and ff3.0.7 for me.
|
|
|
|
| Frederiek |
Mar 13 2009, 03:04 AM
Post
#3
|
|
Programming Fanatic  Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
Maybe IE7 chokes on the lack of a required sub-element of <html>.
http://htmlhelp.com/reference/html40/html/html.html The validator (links on this page) points you to such errors. |
|
|
|
|
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
|
Lo-Fi Version | Time is now: 26th April 2024 - 08:59 AM |
Invision Power Board
© 2024 IPS, Inc.
Licensed to: HTMLHelp.com, LLC