?
Solved

HTML Tables Overlap

Posted on 2009-05-05
2
Medium Priority
?
201 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 1000 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

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

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

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.
Find out what you should include to make the best professional email signature for your organization.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…
Suggested Courses

850 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