The Problem

This is a demonstration of a common problem when using a bordered background. Notice how this text spills over into both sides or both colors. It is difficult to read and it gives the page an unprofessional look. Did you even notice the header that said "The Problem"? Luckily it is easy to clean up using a table.

Fix #1

All of the text for the page would go here. Notice how it doesn't break the color boundry. This looks much better. But we really don't want to have the funny looking table border. It ruins the effect of the page. To make it invisible, all we have to do is set the table border to zero. So let's modify the opening table tag and do that.


Fix #2

Now this is exactly what we were after. The text on the page is positioned correctly. Anyone who came to view the page would have no idea we'd even used a table here. Now how did we do that? Please return to the TableTricks Tutorial so we can take a look at the code.