Solved

HTML Tables Overlap

Posted on 2009-05-05
2
195 Views
Last Modified: 2013-12-08
Hi,

I have a very stupid issue that really confused me. I have the following very very simple code, does any one know why my tables overlap in IE?  Please see image
<html>
 
<BODY>
<!-- Page Content Begin --> 
 
 
<table width="100%" border=0> <tr><td>
<font size="+2" color="#0A8DBE"> <b> Business Services </b> </font>
</td> </tr> </table>
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
<table width="100%" border=0> <tr><td>
<font size="+2" color="#0A8DBE"> <b> Computer Services </b> </font>
</td> </tr> </table>
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
<table width="100%" border=0> <tr><td>
<font size="+2" color="#0A8DBE"> <b> Consulting Services </b> </font>
</td> </tr> </table>
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> 
 
</body>
 
</html>

Open in new window

Picture1.jpg
0
Comment
Question by:APD_Toronto
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 19

Accepted Solution

by:
erikTsomik earned 250 total points
ID: 24308806
try this ,. What i did is  i added additional <br.
<html>
 
<BODY>
<!-- Page Content Begin -->
 
 
<table width="100%" border=1> <tr><td>
<font size="+2" color="#0A8DBE"> <b> Business Services </b> </font>
</td> </tr> </table>
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="60%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br>
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="60%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> <br>
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="60%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> <br>
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="60%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> <br>
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="60%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> <br>
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> <br>
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> <br>
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> <br>
 
 
<table width="100%" border=0> <tr><td>
<font size="+2" color="#0A8DBE"> <b> Computer Services </b> </font>
</td> </tr> </table>
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> <br>
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> <br>
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br> <br>
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br>
 <br>
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br>
 
 
 
 <br>
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br>
 <br>
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br>
 
 <br>
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br>
 
 <br>
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br>
 
 
 <br>
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br>
 <br>
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br>
 <br>
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br>
 <br>
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br>
 
 <br>
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br>
 <br>
 
<table width="100%" border=0> <tr><td>
<font size="+2" color="#0A8DBE"> <b> Consulting Services </b> </font>
</td> </tr> </table>
 
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br>
 <br>
 
 
 
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br>
 
 
 
 <br>
<table border="0" width="80%" align="right" id="table1">
<tr>
<td width="80%">Item 1</td>
<td width="19%">$1.00</td>
</tr>
<tr>
<td colspan="2">Desc1</td>
</tr>
</table>
<p>
<br><br>
 <br>
</body>
 
</html>
0
 

Author Closing Comment

by:APD_Toronto
ID: 31578203
That was easy
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Adding a countdown to HTA 12 99
Change static entered data to dynamic with counter 5 36
IE 11 proxy GPO 1 43
Making Table Thru ASP Response.write 5 21
Today, still in the boom of Apple, PC's and products, nearly 50% of the computer users use Windows as graphical operating systems. If you are among those users who love windows, but are grappling to keep the system's hard drive optimized, then you s…
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.

730 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question