Problem with this HTML table? Example inc, please help?

Question

http://doopydoo.com/1/help.htm
I put an example of the table on here so you can see whats wrong with it (hopefully). Ive explained whats wrong with it on there so you can see the table and the problem.
Post the answer on here.

Or if too big post to [e-mail]

Instant 10 points for a quality answer
Thanx

Answer 1

Look at the source code for the table... it's a complete mess. You've got at least three layers of nested tables that are totally unnecessary. You're also setting invalid widths, like 138% width for a table.

I recommend using divs to accomplish what tables are clearly failing to do.

It would be very difficult to write a corrected version, because it looks like you stripped some things out for the example, and that makes it hard to write a new one that will work for your real content.

Answer 2

It seems your table width is 100%, but your images are smaller so it scales the tables to match the screensize. Try to set your table dimensions to the width of the sum of all graphics. Also make sure you set cellspacing and padding to 0.

Answer 3

I suggest you don't specify with "width=" values but, rather, go with a css style sheet. Style the table such that the td's are border-spacing 0, padding 0. Don't bother with diddling width, as the various browsers (IE, Firefox, Opera, especially IE) are notorious for interpreting width differently.

Answer 4

Your table is 100% wide, that is making the middle stretch.