?
Solved

HTML Tables Overlap

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

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

Question has a verified solution.

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

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Suggested Courses

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