Closed
Bug 50573
Opened 24 years ago
Closed 24 years ago
Cells overlap on smaller resolutions
Categories
(Core :: Layout: Tables, defect, P3)
Tracking
()
VERIFIED
WORKSFORME
People
(Reporter: mattsch, Assigned: karnaze)
Details
I'm using build id: 2000080712 on Windows 98. The nested tables work fine on higher resolutions but when the page is reduced to lower resolutions like 640x480, the cells overlap each other. The code is enclosed below. I also tested this in Netscape 4.7 and it does the same thing. MSIE displays it correctly with no overlapping. <pre> <html> <head> <title>Edit Item</title> <style type="text/css"> <!-- a:link {text-decoration: underline} a:visited {text-decoration: underline} a:active {text-decoration: underline} a:hover {text-decoration: underline; color: #FF0000} #help:link {text-decoration: none} #help:visited {text-decoration: none} #help:active {text-decoration: none} #help:hover {text-decoration: none; color: #FF0000} .catLink:link {text-decoration: none; color: #000000} .catLink:visited {text-decoration: none; color: #000000} .catLink:active {text-decoration: none; color: #000000} .catLink:hover {text-decoration: none; font-weight: bold; color: #000000} .menuLink:link {text-decoration: none; color: #FFFFFF} .menuLink:visited {text-decoration: none; color: #FFFFFF} .menuLink:active {text-decoration: none; background-color: #000000; color: #FFFFFF} .menuLink:hover {text-decoration: none; background-color: #FF0000; color: #FFFFFF} //--> </style> </head> <body bgcolor="#FFFFFF" link="#0000FF" vlink="#0000FF" alink="#999999" text="#000000" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" marginwidth="0" marginheight="0"> <table border=0 cellpadding=0 cellspacing=0 width=100%> <tr> <td colspan=2 width=100% bgcolor="#FFFFFF"> <table border=0 cellpadding=0 cellspacing=0 width=100%> <tr> <td bgcolor="#FFFFFF"><a href="/site_admin/index.cfm"><img src="/site_admin/images/logo.gif" width=200 height=85 border=0></a></td> </tr> </table> </td> </tr> <tr> <td bgcolor="#FFCC00"><img src="/site_admin/images/clear.gif" width=140 height=50></td> <td bgcolor="#FFCC00" align=center width=100%> </td> </tr> <tr> <td valign=top bgcolor="#FFCC00"> <font face="Verdana, Helvetica, Arial" size=2> <img src="/site_admin/images/clear.gif" width=1 height=500 vspace=0 hspace=2 align=left> <a href="/site_admin/categories/intro.cfm" class="catLink"><font color="#000000">Categories</font></a><br> <a href="/site_admin/colors/intro.cfm" class="catLink"><font color="#000000">Colors</font></a><br> <a href="/site_admin/customers/intro.cfm" class="catLink"><font color="#000000">Customers</font></a><br> <a href="/site_admin/image_admin/intro.cfm" class="catLink"><font color="#000000">Images</font></a><br> <a href="/site_admin/item_types/intro.cfm" class="catLink"><font color="#000000">Item Types</font></a><br> <a href="/site_admin/items/intro.cfm" class="catLink"><font color="#000000"><b>Items</b></font></a><br> <img src="/site_admin/images/t.gif" width=7 height=15 align="left" hspace=1 vspace=0><a href="/site_admin/items/index.cfm" class="catLink"><font color="#000000">Create</font></a><br> <img src="/site_admin/images/angle.gif" width=7 height=15 align="left" hspace=1 vspace=0><a href="/site_admin/items/select_items.cfm" class="catLink"><font color="#000000"><b>Edit</b></font></a><br> <a href="/site_admin/links/intro.cfm" class="catLink"><font color="#000000">Links</font></a><br> <a href="/site_admin/manufacturers/intro.cfm" class="catLink"><font color="#000000">Manufacturers</font></a><br> <a href="/site_admin/messages/intro.cfm" class="catLink"><font color="#000000">Messages</font></a><br> <a href="/site_admin/orders/index.cfm" class="catLink"><font color="#000000">Orders</font></a><br> <a href="/site_admin/sizes/intro.cfm" class="catLink"><font color="#000000">Sizes</font></a><br> <a href="/site_admin/subcategories/intro.cfm" class="catLink"><font color="#000000">Subcategories</font></a><br> </font> <br clear=all> <img src="/site_admin/images/clear.gif" width=140 height=1 hspace=0 vspace=0> </td> <td valign=top width=100%> <table border=0 cellpadding=0 cellspacing=0 width=100% align=right> <tr> <td align=center bgcolor="#999999"> <font face="Verdana, Helvetica, Arial" size=1> </font> </td> </tr> <tr> <td bgcolor="#003399"><font face="Verdana, Helvetica, Arial" size=2 color="#FFFFFF"><b>Edit Item</b></font></td> </tr> <tr> <td align=center bgcolor="#999999"> <font face="Verdana, Helvetica, Arial" size=1> </font> </td> </tr> <tr> <td valign=top> <br> <script language="Javascript"> <!-- function deleteConfirm(){ var j = 0; for(i=2; i<document.deleteCheck.elements.length; i++){ if (document.deleteCheck.elements[i].checked){ j += 1; }} if (j >= 2){ ans = confirm('Are you sure you want to delete these Items?'); } if (j == 1){ ans = confirm('Are you sure you want to delete this Item?'); } if (j < 1){ alert('You need to check an item for deletion'); return false; } if (ans == false){ return false; } else { return true; } } function checkAll(){ for(i=2; i<document.deleteCheck.elements.length; i++){ if (document.deleteCheck.check_all.checked){ document.deleteCheck.elements[i].checked = true; } else { document.deleteCheck.elements[i].checked = false; } }} //--> </script> <table border=0 cellpadding=0 cellspacing=0 align=center width=90%> <tr> <td> <font size="4" face="Verdana, Helvetica, Arial"><b>Edit Item</b> <br> <br> <font size="2"><b>Please select an item to edit or delete from below.</b></font></font> <p> <table border=0 cellpadding=0 cellspacing=0 bgcolor="#000000"> <tr> <td> <table border=0 cellpadding=5 cellspacing=1 width=100% height=100%> <tr> <script language="Javascript"> <!-- document.write('<form method="post" action="delete_items.cfm" name="deleteCheck" onSubmit="return deleteConfirm();">' + '<td valign=top bgcolor="#00CC00"><font face="Verdana, Helvetica, Arial" size=2><input type="submit" value="Delete"></font></td>' + '<td bgcolor="#00CC00"><input type="checkbox" name="check_all" onClick="checkAll();"></td>'); //--> </script> <noscript> <form method="post" action="index.cfm" name="items"> <td valign=top bgcolor="#00CC00" colspan=2><font face="Verdana, Helvetica, Arial" size=2><input type="submit" name="delete" value="Delete"></font></td> </noscript> <td bgcolor="#00CC00"><font size=2 face="Verdana, Helvetica, Arial"><b>Name</b></font></td> <td bgcolor="#00CC00"><font size=2 face="Verdana, Helvetica, Arial"><b>Sku</b></font></td> <td bgcolor="#00CC00"><font size=2 face="Verdana, Helvetica, Arial"><b>Item<br>Type</b></font></td> <td bgcolor="#00CC00"><font size=2 face="Verdana, Helvetica, Arial"><b>Display</b></font></td> <td bgcolor="#00CC00"><font size=2 face="Verdana, Helvetica, Arial"><b>Related<br>Items</b></font></td> <td bgcolor="#00CC00"><font size=2 face="Verdana, Helvetica, Arial"><b>Type<br>Association</b></font></td> <td bgcolor="#00CC00"><font size=2 face="Verdana, Helvetica, Arial"><b>Thumb</b></font></td> <td bgcolor="#00CC00"><font size=2 face="Verdana, Helvetica, Arial"><b>Image</b></font></td> </tr> <tr> <script language="Javascript"> <!-- document.write('<td bgcolor="#FFFFFF"> </td>' + '<td bgcolor="#FFFFFF" align=right><input type="checkbox" name="sku" value="\'9743727582\'"></td>'); //--> </script> <noscript> <td colspan=2 bgcolor="#FFFFFF" align=right><input type="checkbox" name="sku" value="'9743727582'"></td> </noscript> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2><a href="index.cfm?sku=9743727582">256MB 164 Pin PC133 SDRAM</a></font></td> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2>9743727582</font></td> <td bgcolor="#FFFFFF" align=center><font face="Verdana, Helvetica, Arial" size=2>Memory</font></td> <td bgcolor="#FFFFFF" align=center><font face="Verdana, Helvetica, Arial" size=2>Yes</font></td> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2><a href="related_items/index.cfm?relatedSku=9743727582">Create</a><br><a href="related_items/select_related.cfm?relatedSku=9743727582">Edit</a></font></t d> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2><a href="../associate/index.cfm?relatedSku=9743727582">Associate</a></font></td> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2><a href="../image_admin/index.cfm?sku=9743727582&folder=item_thumbs">Upload</a></fo nt></td> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2><a href="../image_admin/index.cfm?sku=9743727582&folder=item_images">Upload</a></fo nt></td> </tr> <tr> <script language="Javascript"> <!-- document.write('<td bgcolor="#CCCCCC"> </td>' + '<td bgcolor="#CCCCCC" align=right><input type="checkbox" name="sku" value="\'3458734570\'"></td>'); //--> </script> <noscript> <td colspan=2 bgcolor="#CCCCCC" align=right><input type="checkbox" name="sku" value="'3458734570'"></td> </noscript> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2><a href="index.cfm?sku=3458734570">30GB ATA 100 7200 RPM</a></font></td> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2>3458734570</font></td> <td bgcolor="#CCCCCC" align=center><font face="Verdana, Helvetica, Arial" size=2>Hard Drive</font></td> <td bgcolor="#CCCCCC" align=center><font face="Verdana, Helvetica, Arial" size=2>Yes</font></td> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2><a href="related_items/index.cfm?relatedSku=3458734570">Create</a><br><a href="related_items/select_related.cfm?relatedSku=3458734570">Edit</a></font></t d> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2><a href="../associate/index.cfm?relatedSku=3458734570">Associate</a></font></td> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2><a href="../image_admin/index.cfm?sku=3458734570&folder=item_thumbs">Upload</a></fo nt></td> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2><a href="../image_admin/index.cfm?sku=3458734570&folder=item_images">Upload</a></fo nt></td> </tr> <tr> <script language="Javascript"> <!-- document.write('<td bgcolor="#FFFFFF"> </td>' + '<td bgcolor="#FFFFFF" align=right><input type="checkbox" name="sku" value="\'0982357235\'"></td>'); //--> </script> <noscript> <td colspan=2 bgcolor="#FFFFFF" align=right><input type="checkbox" name="sku" value="'0982357235'"></td> </noscript> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2><a href="index.cfm?sku=0982357235">64MB 164 Pin PC133 SDRAM</a></font></td> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2>0982357235</font></td> <td bgcolor="#FFFFFF" align=center><font face="Verdana, Helvetica, Arial" size=2>Memory</font></td> <td bgcolor="#FFFFFF" align=center><font face="Verdana, Helvetica, Arial" size=2>Yes</font></td> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2><a href="related_items/index.cfm?relatedSku=0982357235">Create</a><br><a href="related_items/select_related.cfm?relatedSku=0982357235">Edit</a></font></t d> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2><a href="../associate/index.cfm?relatedSku=0982357235">Associate</a></font></td> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2><a href="../image_admin/index.cfm?sku=0982357235&folder=item_thumbs">Upload</a></fo nt></td> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2><a href="../image_admin/index.cfm?sku=0982357235&folder=item_images">Upload</a></fo nt></td> </tr> <tr> <script language="Javascript"> <!-- document.write('<td bgcolor="#CCCCCC"> </td>' + '<td bgcolor="#CCCCCC" align=right><input type="checkbox" name="sku" value="\'0273502085\'"></td>'); //--> </script> <noscript> <td colspan=2 bgcolor="#CCCCCC" align=right><input type="checkbox" name="sku" value="'0273502085'"></td> </noscript> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2><a href="index.cfm?sku=0273502085">CPD-E200 17" SVGA</a></font></td> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2>0273502085</font></td> <td bgcolor="#CCCCCC" align=center><font face="Verdana, Helvetica, Arial" size=2>Monitor</font></td> <td bgcolor="#CCCCCC" align=center><font face="Verdana, Helvetica, Arial" size=2>Yes</font></td> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2><a href="related_items/index.cfm?relatedSku=0273502085">Create</a><br><a href="related_items/select_related.cfm?relatedSku=0273502085">Edit</a></font></t d> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2><a href="../associate/index.cfm?relatedSku=0273502085">Associate</a></font></td> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2><a href="../image_admin/index.cfm?sku=0273502085&folder=item_thumbs">Upload</a></fo nt></td> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2><a href="../image_admin/index.cfm?sku=0273502085&folder=item_images">Upload</a></fo nt></td> </tr> <tr> <script language="Javascript"> <!-- document.write('<td bgcolor="#FFFFFF"> </td>' + '<td bgcolor="#FFFFFF" align=right><input type="checkbox" name="sku" value="\'0283572582\'"></td>'); //--> </script> <noscript> <td colspan=2 bgcolor="#FFFFFF" align=right><input type="checkbox" name="sku" value="'0283572582'"></td> </noscript> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2><a href="index.cfm?sku=0283572582">Ensoniq PCI</a></font></td> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2>0283572582</font></td> <td bgcolor="#FFFFFF" align=center><font face="Verdana, Helvetica, Arial" size=2>Sound Card</font></td> <td bgcolor="#FFFFFF" align=center><font face="Verdana, Helvetica, Arial" size=2>Yes</font></td> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2><a href="related_items/index.cfm?relatedSku=0283572582">Create</a><br><a href="related_items/select_related.cfm?relatedSku=0283572582">Edit</a></font></t d> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2><a href="../associate/index.cfm?relatedSku=0283572582">Associate</a></font></td> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2><a href="../image_admin/index.cfm?sku=0283572582&folder=item_thumbs">Upload</a></fo nt></td> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2><a href="../image_admin/index.cfm?sku=0283572582&folder=item_images">Upload</a></fo nt></td> </tr> <tr> <script language="Javascript"> <!-- document.write('<td bgcolor="#CCCCCC"> </td>' + '<td bgcolor="#CCCCCC" align=right><input type="checkbox" name="sku" value="\'3463453535\'"></td>'); //--> </script> <noscript> <td colspan=2 bgcolor="#CCCCCC" align=right><input type="checkbox" name="sku" value="'3463453535'"></td> </noscript> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2><a href="index.cfm?sku=3463453535">Pentium III 1 Ghz</a></font></td> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2>3463453535</font></td> <td bgcolor="#CCCCCC" align=center><font face="Verdana, Helvetica, Arial" size=2>System</font></td> <td bgcolor="#CCCCCC" align=center><font face="Verdana, Helvetica, Arial" size=2>Yes</font></td> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2><a href="related_items/index.cfm?relatedSku=3463453535">Create</a><br><a href="related_items/select_related.cfm?relatedSku=3463453535">Edit</a></font></t d> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2><a href="../associate/index.cfm?relatedSku=3463453535">Associate</a></font></td> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2><a href="../image_admin/index.cfm?sku=3463453535&folder=item_thumbs">Upload</a></fo nt></td> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2><a href="../image_admin/index.cfm?sku=3463453535&folder=item_images">Upload</a></fo nt></td> </tr> <tr> <script language="Javascript"> <!-- document.write('<td bgcolor="#FFFFFF"> </td>' + '<td bgcolor="#FFFFFF" align=right><input type="checkbox" name="sku" value="\'2623663460\'"></td>'); //--> </script> <noscript> <td colspan=2 bgcolor="#FFFFFF" align=right><input type="checkbox" name="sku" value="'2623663460'"></td> </noscript> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2><a href="index.cfm?sku=2623663460">V6800 Deluxe DDR</a></font></td> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2>2623663460</font></td> <td bgcolor="#FFFFFF" align=center><font face="Verdana, Helvetica, Arial" size=2>Video Card</font></td> <td bgcolor="#FFFFFF" align=center><font face="Verdana, Helvetica, Arial" size=2>Yes</font></td> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2><a href="related_items/index.cfm?relatedSku=2623663460">Create</a><br><a href="related_items/select_related.cfm?relatedSku=2623663460">Edit</a></font></t d> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2><a href="../associate/index.cfm?relatedSku=2623663460">Associate</a></font></td> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2><a href="../image_admin/index.cfm?sku=2623663460&folder=item_thumbs">Upload</a></fo nt></td> <td bgcolor="#FFFFFF"><font face="Verdana, Helvetica, Arial" size=2><a href="../image_admin/index.cfm?sku=2623663460&folder=item_images">Upload</a></fo nt></td> </tr> <tr> <script language="Javascript"> <!-- document.write('<td bgcolor="#CCCCCC"> </td>' + '<td bgcolor="#CCCCCC" align=right><input type="checkbox" name="sku" value="\'2509209582\'"></td>'); //--> </script> <noscript> <td colspan=2 bgcolor="#CCCCCC" align=right><input type="checkbox" name="sku" value="'2509209582'"></td> </noscript> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2><a href="index.cfm?sku=2509209582">XPERT 2000</a></font></td> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2>2509209582</font></td> <td bgcolor="#CCCCCC" align=center><font face="Verdana, Helvetica, Arial" size=2>Video Card</font></td> <td bgcolor="#CCCCCC" align=center><font face="Verdana, Helvetica, Arial" size=2>Yes</font></td> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2><a href="related_items/index.cfm?relatedSku=2509209582">Create</a><br><a href="related_items/select_related.cfm?relatedSku=2509209582">Edit</a></font></t d> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2><a href="../associate/index.cfm?relatedSku=2509209582">Associate</a></font></td> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2><a href="../image_admin/index.cfm?sku=2509209582&folder=item_thumbs">Upload</a></fo nt></td> <td bgcolor="#CCCCCC"><font face="Verdana, Helvetica, Arial" size=2><a href="../image_admin/index.cfm?sku=2509209582&folder=item_images">Upload</a></fo nt></td> </tr> </form> </table> </td> </tr> </table> </td> </tr> </table> <br> <br> </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#FFCC00"><img src="/site_admin/images/clear.gif" width=140 height=1></td> <td align=center bgcolor="#999999" width=100%><font face="Verdana, Helvetica, Arial" size=1> </font></td> </tr> <tr> <td align=center colspan=2> <font face="Verdana, Helvetica, Arial" size=1> Scoop™ Copyright © 2000<br> Designed & Developed by<br> <a href="http://www.studio11.com">Studio 11 Productions</a> <br> <br> </font> </td> </tr> </table> </body> </html> </pre>
Comment 1•24 years ago
|
||
I am not able to reproduce this with : Mozilla M17 Win32 Mozilla CVS Linux (Sat Sep 2 15:59:57 PDT 2000) but I am with Netscape 4.72 Linux
Reporter | ||
Comment 2•24 years ago
|
||
I just tested this again on Nightly build 2000090408 using Windows 98 and it looks as though the problem has been fixed.
Updated•24 years ago
|
Status: UNCONFIRMED → RESOLVED
Closed: 24 years ago
Resolution: --- → WORKSFORME
Comment 3•24 years ago
|
||
Marking as WFM based on reporters comment
You need to log in
before you can comment on or make changes to this bug.
Description
•