XHTML Assistance Needed

[Andrew]

Ok - I'm about ready to start pulling out my hair with this one. I had a template that worked perfectly prior to transferring it into a CMS that I coded. Now that it's in, I have this huge gap in the center column tables and I can't get rid of it. If anyone could take a look at the source for it and see if they can see something that I'm missing, I would appreciate it greatly:

http://www.epicdesignz.com/previews/planet6/

[Princeton]

what "gap"?

[Andrew]

This gap:

http://www.epicdesignz.com/andrew/planet6_gap.gif

I am getting it in Firefox and IE on Windows XP - Haven't tried it on anything else yet, but I'm assuming that since you had to ask it's working on at least one browser (Which is partially reassuring.)

Update: I also get the gap in Firefox on on my Linux box running Ubuntu 5.10.

[Code Monkey]

Is that home image wider than the width of the column that contains it?

[Andrew]

Is that home image wider than the width of the column that contains it?
Nope - Everything is the proper width as of the last time I checked. It kind of looks that way with the little green box being squashed against the side, but that was how my client wanted it (The customer is always right ...)

[Princeton]

replace: <td height="100%"
with: <td

2 instances

No comment on the code and/or design.

[Andrew]

That fixed the problem in Firefox - However, I'm still experiencing it when viewing the site in IE.

(BTW - Thanks for the help :D It's greatly appreciated !!)

[Princeton]

the problem is the way you have your table layout ... you should go for a 3-column instead of the 4-column that you have

this is how you have your table:

HEADER
---------------
|--|---|---|--|
|--|---|---|--|
|--|-------|--|
|--|-------|--|
---------------

it should be:

HEADER
---------------
|--|-------|--|
|--|-------|--|
|--|-------|--|
|--|-------|--|
---------------

if you do, your problem will be solved

[Andrew]

Hmm - I guess I'll try reworking that when I get home this evening.