Solved

HTML Tables Overlap

Posted on 2009-05-05
2
192 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
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

If you are a web developer, you would be aware of the <iframe> tag in HTML. The <iframe> stands for inline frame and is used to embed another document within the current HTML document. The embedded document could be even another website.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
Google currently has a new report that is in beta and coming soon to Webmaster Tool accounts. This Micro Tutorial will highlight new features for Google Webmaster Tools.
This Micro Tutorial will demonstrate how to add subdomains to your content reports. This can be very importing in having a site with multiple subdomains.

919 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

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now