min-height not working in Firefox/Opera

[effendi]

I created a table with the following style for each cell. It worked
fine for MSIE but when opened in Firefox/Opera, the cells collapsed
What do I need to change to make it work in the other broswers as well.


..workplan td{
padding: 0px;
min-height: 17px;
border: 1px solid #cccccc;

}

Thanks

 

[dorayme]

I created a table with the following style for each cell. It worked
fine for MSIE but when opened in Firefox/Opera, the cells collapsed
What do I need to change to make it work in the other broswers as well.


.workplan td{
padding: 0px;
min-height: 17px;
border: 1px solid #cccccc;
}

What is the point of the min-height?

You mean for the relevant HTML to be something like:


<table cellspacing="0" cellpadding="5" summary="base details">

<tr class="workplan">
<td>Small</td>
<td>45x45</td>
<td>17</td>
<td>41</td>
</tr>

<tr class="workplan">
<td>Medium</td>
<td>48x48</td>
<td>24</td>
<td>51</td>
</tr>

</table>

?

min-height makes no difference at all in this situation in IE Mac
as well as other browsers.

What does "cell collapse" look like in this situation? They look
fine upstanding cells to me in FF and Safari and iCab and Mac
IE... even with your css.

 

[Ben C]

I created a table with the following style for each cell. It worked
fine for MSIE but when opened in Firefox/Opera, the cells collapsed
What do I need to change to make it work in the other broswers as well.


.workplan td{
padding: 0px;
min-height: 17px;
border: 1px solid #cccccc;

}

Just use height: 17px.

Height is interpreted as a minimum height on table cells anyway.

 

[effendi]

Just use height: 17px.

Height is interpreted as a minimum height on table cells anyway.

Thanks, I changed min-height to height as you suggested and it worked.