This is a multi-part message in MIME format.

------=_NextPart_000_0080_01C5ABC5.EFAC9860
Content-Type: text/plain;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable

I've got the problem described in the table above.

I've put a div red with some text inside a TD, but its height is less =
than 100% of TD height as you can see.

I've defined the following styles:

div.test { background-color:red; height:100%; width: 100%; }=20
table.test { border: 1px solid #CCCCCC; background-color:yellow; }=20
td.test { border: 1px solid #CCCCCC; }

does anyone know a solution ?

Please help me.

Regards to all

2
2b 1=20
4 5=20
7 8=20

------=_NextPart_000_0080_01C5ABC5.EFAC9860
Content-Type: text/html;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=3DContent-Type content=3D"text/html; =
charset=3Diso-8859-1">
<META content=3D"MSHTML 6.00.2800.1515" name=3DGENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY><FONT face=3DArial><FONT size=3D2>
<DIV>
<STYLE>
div.test {
background-color:red;
height:100%;
width: 100%;
}
=09
span.test {
background-color:blue;
height:100%;
width:100%;
}=09
</STYLE>
&nbsp;I've got the problem described in the table above.</DIV>
<DIV>&nbsp;</DIV>
<DIV>I've put a div red with some text inside a TD, but its height is =
less than=20
100% of TD height as you can see.</DIV>
<DIV>&nbsp;</DIV>
<DIV>I've defined the following styles:</DIV>
<DIV>&nbsp;</DIV>
<DIV>div.test { background-color:red; height:100%; width: 100%; } </DIV>
<DIV>table.test { border: 1px solid #CCCCCC; background-color:yellow; } =
</DIV>
<DIV>td.test { border: 1px solid #CCCCCC; }</DIV>
<DIV>&nbsp;</DIV>
<DIV>does anyone know a solution ?</DIV>
<DIV>&nbsp;</DIV>
<DIV>Please help me.</DIV>
<DIV>&nbsp;</DIV>
<DIV>Regards to all</DIV>
<DIV>&nbsp;</DIV>
<DIV>
<STYLE>
div.test {
background-color:red;
height:100%;
width: 100%;
}
=09
span.test {
background-color:blue;
height:100%;
width:100%;
}
table.test {
border: 1px solid #CCCCCC;
background-color:yellow;
}
td.test {
border: 1px solid #CCCCCC;
}
</STYLE>
&nbsp;=20
<STYLE>
div.test {
background-color:red;
height:100%;
width: 100%;
}
=09
span.test {
background-color:blue;
height:100%;
width:100%;
}
table.test {
border: 1px solid #CCCCCC;
background-color:yellow;
}
td.test {
border: 1px solid #CCCCCC;
}
</STYLE>

<TABLE class=3Dtest id=3DTable1 cellSpacing=3D0 cellPadding=3D0 =
width=3D300 border=3D0>
<TBODY>
<TR>
<TD class=3Dtest>2<BR>2b</TD>
<TD class=3Dtest>
<DIV class=3Dtest>1</DIV></TD></TR>
<TR>
<TD class=3Dtest>4</TD>
<TD class=3Dtest>5</TD></TR>
<TR>
<TD class=3Dtest>7</TD>
<TD =
class=3Dtest>8</TD></TR></TBODY></TABLE></DIV></FONT></FONT></BODY></HTML=
>

------=_NextPart_000_0080_01C5ABC5.EFAC9860--

Re: 100% height of a div inside a TD by McKirahan

McKirahan
Sun Aug 28 11:15:55 CDT 2005

This is a multi-part message in MIME format.

------=_NextPart_000_0013_01C5ABC1.ADB22BE0
Content-Type: text/plain;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable


"Lamberti Fabrizio" <lambu@quipo.it._cut_off> wrote in message =
news:DIfQe.111047$fm.7340275@news4.tin.it...
I've got the problem described in the table above.

I've put a div red with some text inside a TD, but its height is less =
than 100% of TD height as you can see.

I've defined the following styles:

div.test { background-color:red; height:100%; width: 100%; }=20
table.test { border: 1px solid #CCCCCC; background-color:yellow; }=20
td.test { border: 1px solid #CCCCCC; }

does anyone know a solution ?

Please help me.

Regards to all

2
2b 1=20
4 5=20
7 8=20


Change
<TD class=3Dtest><DIV class=3Dtest>1</DIV></TD>
to
<TD class=3Dtest><DIV class=3Dtest>1<br>&nbsp;</DIV></TD>

------=_NextPart_000_0013_01C5ABC1.ADB22BE0
Content-Type: text/html;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=3DContent-Type content=3D"text/html; =
charset=3Diso-8859-1">
<META content=3D"MSHTML 5.50.4937.800" name=3DGENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=3D#ffffff>
<DIV><FONT face=3DArial size=3D2></FONT>&nbsp;</DIV>
<BLOCKQUOTE dir=3Dltr=20
style=3D"PADDING-RIGHT: 0px; PADDING-LEFT: 5px; MARGIN-LEFT: 5px; =
BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 0px">
<DIV>"Lamberti Fabrizio" &lt;<A=20
=
href=3D"mailto:lambu@quipo.it._cut_off">lambu@quipo.it._cut_off</A>&gt; =
wrote in=20
message <A=20
=
href=3D"news:DIfQe.111047$fm.7340275@news4.tin.it">news:DIfQe.111047$fm.7=
340275@news4.tin.it</A>...</DIV><FONT=20
face=3DArial><FONT size=3D2>
<DIV>
<STYLE>
div.test {
background-color:red;
height:100%;
width: 100%;
}
=09
span.test {
background-color:blue;
height:100%;
width:100%;
}=09
</STYLE>
&nbsp;I've got the problem described in the table above.</DIV>
<DIV>&nbsp;</DIV>
<DIV>I've put a div red with some text inside a TD, but its height is =
less=20
than 100% of TD height as you can see.</DIV>
<DIV>&nbsp;</DIV>
<DIV>I've defined the following styles:</DIV>
<DIV>&nbsp;</DIV>
<DIV>div.test { background-color:red; height:100%; width: 100%; } =
</DIV>
<DIV>table.test { border: 1px solid #CCCCCC; background-color:yellow; =
} </DIV>
<DIV>td.test { border: 1px solid #CCCCCC; }</DIV>
<DIV>&nbsp;</DIV>
<DIV>does anyone know a solution ?</DIV>
<DIV>&nbsp;</DIV>
<DIV>Please help me.</DIV>
<DIV>&nbsp;</DIV>
<DIV>Regards to all</DIV>
<DIV>&nbsp;</DIV>
<DIV>
<STYLE>
div.test {
background-color:red;
height:100%;
width: 100%;
}
=09
span.test {
background-color:blue;
height:100%;
width:100%;
}
table.test {
border: 1px solid #CCCCCC;
background-color:yellow;
}
td.test {
border: 1px solid #CCCCCC;
}
</STYLE>
&nbsp;=20
<STYLE>
div.test {
background-color:red;
height:100%;
width: 100%;
}
=09
span.test {
background-color:blue;
height:100%;
width:100%;
}
table.test {
border: 1px solid #CCCCCC;
background-color:yellow;
}
td.test {
border: 1px solid #CCCCCC;
}
</STYLE>

<TABLE class=3Dtest id=3DTable1 cellSpacing=3D0 cellPadding=3D0 =
width=3D300 border=3D0>
<TBODY>
<TR>
<TD class=3Dtest>2<BR>2b</TD>
<TD class=3Dtest>
<DIV class=3Dtest>1</DIV></TD></TR>
<TR>
<TD class=3Dtest>4</TD>
<TD class=3Dtest>5</TD></TR>
<TR>
<TD class=3Dtest>7</TD>
<TD class=3Dtest>8</TD></TR></TBODY></TABLE></DIV></BLOCKQUOTE>
<DIV></FONT></FONT>&nbsp;</DIV>
<DIV><FONT face=3DArial size=3D2>Change</FONT></DIV>
<DIV><FONT face=3DArial size=3D2>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; =
&lt;TD=20
class=3Dtest&gt;&lt;DIV =
class=3Dtest&gt;1&lt;/DIV&gt;&lt;/TD&gt;<BR>to</FONT></DIV>
<DIV><FONT face=3DArial size=3D2>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; =
&lt;TD=20
class=3Dtest&gt;&lt;DIV=20
class=3Dtest&gt;1&lt;br&gt;&amp;nbsp;&lt;/DIV&gt;&lt;/TD&gt;<BR></FONT></=
DIV></BODY></HTML>

------=_NextPart_000_0013_01C5ABC1.ADB22BE0--


Re: 100% height of a div inside a TD by Lamberti

Lamberti
Sun Aug 28 17:22:55 CDT 2005

This is a multi-part message in MIME format.

------=_NextPart_000_002E_01C5AC2F.CC524030
Content-Type: text/plain;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable

I can't use your solution, because the table is compiled runtime and so =
I can't know before the maximum lenght of 1 td for setting the correct =
width style.
"McKirahan" <News@McKirahan.com> wrote in message =
news:YYadnRPxGK6mfozeRVn-hQ@comcast.com...

"Lamberti Fabrizio" <lambu@quipo.it._cut_off> wrote in message =
news:DIfQe.111047$fm.7340275@news4.tin.it...
I've got the problem described in the table above.

I've put a div red with some text inside a TD, but its height is =
less than 100% of TD height as you can see.

I've defined the following styles:

div.test { background-color:red; height:100%; width: 100%; }=20
table.test { border: 1px solid #CCCCCC; background-color:yellow; }=20
td.test { border: 1px solid #CCCCCC; }

does anyone know a solution ?

Please help me.

Regards to all

2
2b 1=20
4 5=20
7 8=20


Change
<TD class=3Dtest><DIV class=3Dtest>1</DIV></TD>
to
<TD class=3Dtest><DIV class=3Dtest>1<br>&nbsp;</DIV></TD>

------=_NextPart_000_002E_01C5AC2F.CC524030
Content-Type: text/html;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=3DContent-Type content=3D"text/html; =
charset=3Diso-8859-1">
<META content=3D"MSHTML 6.00.2800.1515" name=3DGENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=3D#ffffff>
<DIV><FONT face=3DArial size=3D2>I can't use your solution, because the =
table is=20
compiled runtime and so I can't know before the maximum lenght of 1 td =
for=20
setting the correct width style.</FONT></DIV>
<BLOCKQUOTE dir=3Dltr=20
style=3D"PADDING-RIGHT: 0px; PADDING-LEFT: 5px; MARGIN-LEFT: 5px; =
BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 0px">
<DIV>"McKirahan" &lt;<A=20
href=3D"mailto:News@McKirahan.com">News@McKirahan.com</A>&gt; wrote in =
message=20
<A=20
=
href=3D"news:YYadnRPxGK6mfozeRVn-hQ@comcast.com">news:YYadnRPxGK6mfozeRVn=
-hQ@comcast.com</A>...</DIV>
<DIV><FONT face=3DArial size=3D2></FONT>&nbsp;</DIV>
<BLOCKQUOTE dir=3Dltr=20
style=3D"PADDING-RIGHT: 0px; PADDING-LEFT: 5px; MARGIN-LEFT: 5px; =
BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 0px">
<DIV>"Lamberti Fabrizio" &lt;<A=20
=
href=3D"mailto:lambu@quipo.it._cut_off">lambu@quipo.it._cut_off</A>&gt; =
wrote=20
in message <A=20
=
href=3D"news:DIfQe.111047$fm.7340275@news4.tin.it">news:DIfQe.111047$fm.7=
340275@news4.tin.it</A>...</DIV><FONT=20
face=3DArial><FONT size=3D2>
<DIV>
<STYLE>
div.test {
background-color:red;
height:100%;
width: 100%;
}
=09
span.test {
background-color:blue;
height:100%;
width:100%;
}=09
</STYLE>
&nbsp;I've got the problem described in the table above.</DIV>
<DIV>&nbsp;</DIV>
<DIV>I've put a div red with some text inside a TD, but its height =
is less=20
than 100% of TD height as you can see.</DIV>
<DIV>&nbsp;</DIV>
<DIV>I've defined the following styles:</DIV>
<DIV>&nbsp;</DIV>
<DIV>div.test { background-color:red; height:100%; width: 100%; } =
</DIV>
<DIV>table.test { border: 1px solid #CCCCCC; =
background-color:yellow; }=20
</DIV>
<DIV>td.test { border: 1px solid #CCCCCC; }</DIV>
<DIV>&nbsp;</DIV>
<DIV>does anyone know a solution ?</DIV>
<DIV>&nbsp;</DIV>
<DIV>Please help me.</DIV>
<DIV>&nbsp;</DIV>
<DIV>Regards to all</DIV>
<DIV>&nbsp;</DIV>
<DIV>
<STYLE>
div.test {
background-color:red;
height:100%;
width: 100%;
}
=09
span.test {
background-color:blue;
height:100%;
width:100%;
}
table.test {
border: 1px solid #CCCCCC;
background-color:yellow;
}
td.test {
border: 1px solid #CCCCCC;
}
</STYLE>
&nbsp;=20
<STYLE>
div.test {
background-color:red;
height:100%;
width: 100%;
}
=09
span.test {
background-color:blue;
height:100%;
width:100%;
}
table.test {
border: 1px solid #CCCCCC;
background-color:yellow;
}
td.test {
border: 1px solid #CCCCCC;
}
</STYLE>

<TABLE class=3Dtest id=3DTable1 cellSpacing=3D0 cellPadding=3D0 =
width=3D300=20
border=3D0><TBODY>
<TR>
<TD class=3Dtest>2<BR>2b</TD>
<TD class=3Dtest>
<DIV class=3Dtest>1</DIV></TD></TR>
<TR>
<TD class=3Dtest>4</TD>
<TD class=3Dtest>5</TD></TR>
<TR>
<TD class=3Dtest>7</TD>
<TD class=3Dtest>8</TD></TR></TBODY></TABLE></DIV></BLOCKQUOTE>
<DIV></FONT></FONT>&nbsp;</DIV>
<DIV><FONT face=3DArial size=3D2>Change</FONT></DIV>
<DIV><FONT face=3DArial size=3D2>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; =
&lt;TD=20
class=3Dtest&gt;&lt;DIV=20
class=3Dtest&gt;1&lt;/DIV&gt;&lt;/TD&gt;<BR>to</FONT></DIV>
<DIV><FONT face=3DArial size=3D2>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; =
&lt;TD=20
class=3Dtest&gt;&lt;DIV=20
=
class=3Dtest&gt;1&lt;br&gt;&amp;nbsp;&lt;/DIV&gt;&lt;/TD&gt;<BR></FONT></=
DIV></BLOCKQUOTE></BODY></HTML>

------=_NextPart_000_002E_01C5AC2F.CC524030--


Re: 100% height of a div inside a TD by Dave

Dave
Mon Aug 29 12:07:30 CDT 2005

Lamberti Fabrizio wrote:
> I've got the problem described in the table above.
>
> I've put a div red with some text inside a TD, but its height is less
> than 100% of TD height as you can see.
>
> I've defined the following styles:
>
> div.test { background-color:red; height:100%; width: 100%; }
> table.test { border: 1px solid #CCCCCC; background-color:yellow; }
> td.test { border: 1px solid #CCCCCC; }
>
> does anyone know a solution ?

I would start by fixing your validation problems, especially the improper
nesting ones:

line 8 column 24 - Warning: missing </font> before <div>
line 8 column 7 - Warning: missing </font> before <div>
line 10 column 1 - Warning: inserting implicit <font>
line 10 column 1 - Warning: inserting implicit <font>
line 10 column 1 - Warning: missing </font> before <style>
line 10 column 1 - Warning: <style> isn't allowed in <font> elements
line 40 column 1 - Warning: <style> isn't allowed in <div> elements
line 40 column 1 - Warning: <style> isn't allowed in <div> elements
line 94 column 53 - Warning: discarding unexpected </font>
line 94 column 60 - Warning: discarding unexpected </font>
line 3 column 7 - Warning: inserting missing 'title' element
line 6 column 1 - Warning: <style> inserting "type" attribute
line 10 column 1 - Warning: <style> inserting "type" attribute
line 41 column 1 - Warning: <style> inserting "type" attribute
line 62 column 1 - Warning: <style> inserting "type" attribute
line 6 column 1 - Warning: trimming empty <style>
line 8 column 24 - Warning: trimming empty <font>
line 8 column 7 - Warning: trimming empty <font>

Then get all of the garbage out. You don't need three instances of the same
style rules. When all is said and done, there is a simple solution. Here is
a complete document that does what you want (and validates):



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Test</title>
<style type="text/css">
table {
width: 300px;
border-collapse: collapse;
border: 1px solid #ccc;
background-color: #ff0;
}
td {
border: 1px solid #ccc;
height: 100%;
}
td div {
background-color: #f00;
height: 100%;
}
</style>
</head>
<body>
<table>
<tr><td>2<br>2b</td>
<td><div>1</div></td></tr>
<tr><td>4</td>
<td>5</td></tr>
<tr><td>7</td>
<td>8</td></tr>
</table>
</body>
</html>



--
Dave Anderson

Unsolicited commercial email will be read at a cost of $500 per message. Use
of this email address implies consent to these terms. Please do not contact
me directly or ask me to contact you directly for assistance. If your
question is worth asking, it's worth posting.