height attributes not working in IE5.5 applied to tables

ES

unread,

Aug 10, 2001, 9:08:36 AM8/10/01

to

Hello,
I have applied a "height" attribute to a table to equal 100%. Up to IE5.0 it
displays fine, but when viewed in IE 5.5 the table collapses to the height
of it's content.
I have used inline CSS, linked CSS and straight HTML attributes. None have
worked.

How Do I create a table whose height is 100% of it's container?

Rowland Shaw

unread,

Aug 10, 2001, 9:44:10 AM8/10/01

to

What is it's container? I've had issues with <body>'s height not really
being 100%...

I'm trying to debug exactly the same situation, with the exception that mine
is dynamically generated content :(

"ES" <enospam...@newmancom.com> wrote...

ES

unread,

Aug 10, 2001, 10:00:12 AM8/10/01

to

The container is another table.
I have a table with one row and two columns.
the left column contains main content for the page.
the right column contains miscelaneous info.
I placed a table in this column to manage the layout of this info. It is
this table that I want the height = 100% of its parent container which is
the table cell of the parent table.

But the height attribute is not working in IE5.5

Any ideas??
Thanks

"Rowland Shaw" <spamf...@anotherpointless.org> wrote in message
news:#kwlKKaIBHA.1328@tkmsftngp02...

Jose Jeria

unread,

Aug 10, 2001, 11:47:39 AM8/10/01

to

Maybe if you post some code we will be able to help you..

/jj

"ES" <enospam...@newmancom.com> wrote in message
news:#QEN3UaIBHA.1616@tkmsftngp05...

ES

unread,

Aug 10, 2001, 4:40:34 PM8/10/01

to

Here is the source of the tables in question followed by the CSS for the
table.

</td>
</tr>
</table>
</div>
</td>
<td width="220" valign="top">
<table class="tblright" summary="" width="200" align="right" >
<tr>
<td align="center" valign="top" class="maintext2">
<p class="maintext2"><br /></p>
<span class="headline1"></span><span class="smtxt"><br
/>
<br /><br />
<br />
<br />
</span>
<p class="headline1"></p>
<p><img src="xxxxxx" width="170" height="50" alt=""
/></p>
<p><img src="xxxxxx" width="170" height="50" alt=""
/><br />
<br />

<a href="http://www.iwanet.org/index.html"> <img
src="graphics/iwagry.gif" alt="" width="115" height="87" border="0"
align="bottom" /></a>

</p>
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td bgcolor="#666666" colspan="2">
<div class="centerel"><a href="<%=mail1%>" class="whitelink"></a>
</div>

CSS
-----------
table.tblright {height: 100%;
border-width: 2;
border-left-color: #1E3D5B;
border-left-style: solid;
background-color: #29537C;
}

Like I said, this works fine in other browsers except IE5.5
all other styles are applied to the table is IE 5.5 except for the height
attribute.

Thanks

"ES" <enospam...@newmancom.com> wrote in message

news:OpQpB4ZIBHA.600@tkmsftngp04...