Hi Horseradish ~
The best way to accomplish what you want to accomplish is to make a
one row, two cell table, instead of using two rows.
Give your left hand cell a grey background.
Give your first embedded table (what you're calling "cell 1") a white
background.
That way, both sides will expand in height to handle whatever you put
in the right hand side.
Here's your coding redone to show you - and I left your text in there
and tested the results in five browsers, and it looks as you want it
in
IE 5.5
Mozilla 1.4
Netscape 4.79
IE 6.x
Opera 7
============
<html>
<head>
<title>Untitled</title>
</head>
<body>
<table border="1" width="540" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" bgcolor="#cccccc" width=125>
<table border="1" bgcolor="ffffff" width="125" height="125"
cellspacing="0" cellpadding="0">
<tr>
<td height=125><font size="1" color="#000000" face="helvetica,
arial">Cell 1 is fixed height of 125 pixels. Here it contains a table
that's 125 pixels high and a red gif that's 125 pixels high. There
should be no extra space below this table.</font></td>
<td><img src="graphics/pxred.gif" alt="" height="125"
width="10"></td>
</tr>
</table>
<font size="1" color="#000000" face="helvetica, arial">
Cell 3. This grey cell should stretch to account for all the extra
space created by Cell 2.</font>
</td>
<td width=415><font size="1" color="#000000" face="helvetica,
arial">Cell 2 is full of text and stretches to variable heights, can
sometimes be very long, causing the problem described to occur.Cell 2
is full of text and stretches, can sometimes be very long, causing the
problem described to occur.Cell 2 is full of text and stretches, can
sometimes be very long, causing the problem described to occur.Cell 2
is full of text and stretches, can sometimes be very long, causing the
problem described to occur.Cell 2 is full of text and stretches, can
sometimes be very long, causing the problem described to occur.Cell 2
is full of text and stretches, can sometimes be very long, causing the
problem described to occur.
<p>Cell 2 is full of text and stretches, can sometimes be very long,
causing the problem described to occur.Cell 2 is full of text and
stretches, can sometimes be very long, causing the problem described
to occur.Cell 2 is full of text and stretches, can sometimes be very
long, causing the problem described to occur.Cell 2 is full of text
and stretches, can sometimes be very long, causing the problem
described to occur.Cell 2 is full of text and stretches, can sometimes
be very long, causing the problem described to occur.
<p>Cell 2 is full of text and stretches, can sometimes be very long,
causing the problem described to occur.Cell 2 is full of text and
stretches, can sometimes be very long, causing the problem described
to occur.Cell 2 is full of text and stretches, can sometimes be very
long, causing the problem described to occur.Cell 2 is full of text
and stretches, can sometimes be very long, causing the problem
described to occur.Cell 2 is full of text and stretches, can sometimes
be very long, causing the problem described to occur.Cell 2 is full of
text and stretches, can sometimes be very long, causing the problem
described to occur.Cell 2 is full of text and stretches, can sometimes
be very long, causing the problem described to occur.Cell 2 is full of
text and stretches, can sometimes be very long, causing the problem
described to occur.Cell 2 is full of text and stretches, can sometimes
be very long, causing the problem described to occur.Cell 2 is full of
text and stretches, can sometimes be very long, causing the problem
described to occur.</font></td>
</tr>
</table>
</body>
</html>
======================
When you're embedding tables, things can sometimes get a bit dicey,
but this accomplishes what you want as you've designed it.
Using cascading style sheets would eliminate the need to embed tables
within tables, but that's a whole different question.
Good luck!
Serenata |
,
0 Comments
)