Slight Table Problem

[follicle]

Greetings.

I'm currently working on the redesign of our corporate website, and I've run into a slight problem with the template I'm building. You can view the current template I'm building here.

As you can see, I've developed a three column grid. One on the left for photos, one in the middle for copy, and a smaller column on the right for pull quotes, quick facts, etc. Now, here's the issue. In both Safari and Firefox (both PC and MAC editions), the page appears correctly, with the text in the far right column aligning perfectly to the copy (not the header) in the center column. However, when I view the web page in IE7, the text in the far right column falls down rather low, almost as if I had a valign="center" tag in there. I've checked and rechecked the code and it appears correctly in Dreamweaver's "Design" pane.

Any ideas as to why this is occurring? I'm sure it's something simple that I'm missing.

Thanks in advance for any replies.

 

[adx]

Remove the cell above it that just contains a ' ' and use a margin of sorts to place it where you want it.

 

[Constant-Amber]

<td width="11" rowspan="2" valign="top"></td>
<td width="135" height="25" valign="top">&nbsp;</td>

Try and take these two things out see if that works.

 

[follicle]

Thanks for your replies.

Well, I got rid of the "&nbsp;" row above the "pull quote" row, but I don't believe there is anyway to set a "top" margin for just one cell.

Then I removed the code as mentioned above, and that took out the manual gutter (space between cells) I created and placed the "pull quote" column far too close to the body text.

The reason I had the "&nbsp;" row above the "pull quote" row was to have something to force that text downward so it would align with the body text properly.

I wonder if it would make sense to create a whole new table instead of combining so many. Let me try a few things and I'll let you know.

 

[follicle]

All right. I did it. It's a little makeshift but it works. Take a look at the page now. I actually inserted a transparent PNG file to push the text down to the desired starting point. After my last post, I tried creating three nested tables so everything would have it's own table and properties. Still didn't work... not sure why.

There's probably a better way of doing it, but it definitely works for now.

Thanks again for the replies.