Solved

HTML Tables Overlap

Posted on 2009-05-05
2
191 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
Comment Utility
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
Comment Utility
That was easy
0

Featured Post

What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

Join & Write a Comment

I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
Several part series to implement Internet Explorer 11 Enterprise Mode
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

762 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

8 Experts available now in Live!

Get 1:1 Help Now