Hi guys,
I have a problem with table widths used to arrange content on a website.
Why am I not using DIVs? Because it's too time consuming at the moment to convert it over, and my client is not familiar with DIVs and has no time to learn it. So I have to stick to using tables for him to maintain on his own.
Here's a quick rundown on my table layout.
-----------------------------
|TD1-------------|TD1a****|
------------------
|TD2-------------|********|
------------------
|TD3-------------|********|
------------------
|TD4-------------|********|
|Table 2----------|********|
------------------------------
|TD5-------------|********|
------------------------------
That's my attempt to illustrate my layout. I'm using * and - as fillers, the editor removes all the empty spaces...
My problem is, TD1 to TD3 and TD5 aligns nicely vertically - they all have the same / correct width.
However, TD4 with a table inside is slight shorter in width than it should. About 1 or 2 px. The following shows the screenshots.
zoomed in....
I need to get that TD4 with the table inside to have the same width as the others.
I have tried removing all BORDER and BORDERCOLOR codes from all the table tags, no use. I tried using both CSS and the table tag WIDTH to control it, still doesn't work.
Need suggestions!!
Please click here to see my code. It's a little messy...
http://www.thienkaiwei.com/index7.html
