a table problem...
Here is what my design looks like when working properly:
Using the same server side desing includes (top and bottom), I want the site to look the same if I add a lot more text. (so the site stretched properly vertically)
However, it is not working properly:
*The 4 yellow table cells are the ones which should stretch vertically. The rest should never change, but it is not working*
(The yellow table cells and red border are temporary and are just there while this problem exists)
What am I doing wrong?
I've looked at the pages in IE 6 and Mozilla 0.8. In IE6 the yellow on the left hand side doesn't stretch down but whereas the space below the image does. In Mozilla both yellow panels stretch down.
I take it the way it looks in Mozilla is the how you want it to look like?
I'm not sure how it looks in Mozilla. The point is that (in IE) this should be a pretty simple table design and I should be able to get it working right.
I want the red border to be directly around the picture of the girl on the left. In fact, the only border that shouldn't be tight and should stretch is the 4 yellow cells... I want them to stretch vertically.
What is wrong w/ my HTML or table design?
You could put the girl and everything on the left in a new table.
I've been looking at the problem for a while, even searched on the net and I've come to the conclusion that it's IE that's at fault, the page looks fine in Mozilla and Netscape.
Try using a nested table as TurtleX suggests.
all of my problems always come down to an IE bug...
thanks a lot for the help. i'll try a nested table. exactly what should i put into a nested table to avoid the same problem?
Set the height and width attribute values accordingly. If you don't want it to stretch use numbers instead of percentages.
TurtleX, I had already done that. If you were to have looked at my code, you would have seen that every single height and width tag were set with values that all added up except the height property of the 4 yellow cells.
However, I recreated the table in a different way and it now works wonderfully. Thanks for the bug tip. :D