HTML table layout problem

Hello, I am not sure if this is the correct place to post this question, but I could not find a better place so here goes!

I have a table on my website with 4 cells. The top left cell contains a picture, the bottom left contains another table with some text (I'll call this table A). The top right cell is merged with the bottom right cell (so that is one cell :P) and it contains a table with some text (I'll call this table B).

The problem arises when I resize table B. When I drag it down then table A moves with it, not all the way to the bottom but it seems to center in the middle somehow. I have vertical align of that cell set to top as with all the other cells...

please help me out here, it will be greatly appreciated!

regards,
P3x

Try this:

In table A create a third "cell" <td> at the bottom so you will have
3 on the left and 1 on the right. Give the top and middle ones on the left, pixel height. The bottom one you can set to a height of 100% or 0% and that should leave the top 2 alone.

Hope this helps,

Dave

Have you thought about using css for your layout?

I agree with CHornJr,

A lot of the times, issues that don't work well with using in-line code work themselves out when using CSS... You may encounter problems in other browsers, so I suggest you test out your pages in any browser you wish to support... And if possible, use strict and compliant CSS.

HTH!

Dont waste your time with my suggestion. go with the css these guys really know what they are talking about. so many people help me on this site, so I try to pitch in a few cents here and there to keep the cycle going. but usually when I post a reply with in a few minutes and better solution is posted. So,, sorry if what i wrote was not the best solution, that is just how I would have done it (which i now know thanks to this site there are better ways to do it).

Can you guys post an example of what the css code would look like for that.

Thanks for all the good info, and sorry for the long posts (and so-so info)

Dave

P3x - is the site live anywhere where we can check it out?

I'm still not sold on the whole CSS-P (positioning) thing - I have yet to see the benefits, and consequently still love using tables.

Thanks! I *did* try the '100% emtpy fill cell' trick and it worked great! The site is not live anywhere yet. I also tried CSS positioning for a while but since many people who viewed that site used netscape 4.x that didn't go down too well. Im convinced that CSS is THE method to use for positioning but I just can't get it to work on all browser types.

Thanks for all the suggestions!

regards,

P3x

HOLY CRAP i got one right!!!!! (sort of)

Glad you got the tables working. If you want to continue looking into CSS and getting it to work with both Netscape and IE(normally getting it to work in both of these covers the others as well, but not always) head over to www.w3.org. It has all the standards for CSS (believe or not is pretty easy to follow most of the time) and a CSS validator which may be of some use.