Have Geek Brain

The gradient fills only half of the cell

How do I get IE's gradient function here in this code example to completely fill a table cell? With the code below, I could only get it to cover the top half of the cell. alt text http://img708.imageshack.us/img708/6602/celltext.png

<HTML>
<HEAD>
<style>
<!--table
.cl1
    {
    font-family:Comic Sans MS;
    font-size:11.0pt;
    color:#800000;
    border-left:1.5pt solid #000000;
    border-top:1.5pt solid #000000;
    border-right:1.5pt solid #000000;
    border-bottom:1.5pt solid #000000;
    background-color:#ffffff;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#ffffff', EndColorStr='#99cc00')   
progid:DXImageTransform.Microsoft.dropshadow(Color='#660000', Positive='true', OffX=0, OffY=0);
    }
-->
</style></HEAD>
<BODY>

<table x:str cellspacing=0 style='table-layout:fixed; border-left:1.0pt solid; border-top:1.0pt solid; border-right:1.0pt solid; border-bottom:1.0pt solid; border-left-color:#c0c0c0; border-top-color:#c0c0c0; border-right-color:#c0c0c0; border-bottom-color:#c0c0c0; '>
 <col style='width:67pt;'>

<tr style='height:28.00pt'>
 <td class=cl1 style='width:67pt;'>Cell Text</td>
</tr>
</BODY>
</HTML>
+2


a source to share


1 answer


I added the line:

line-height: 220%;



Into your .cl1 style and it is completely populated. Obviously this is not the final solution, but it definitely points to the line-height property as having something to do with it.

+1


a source






More articles:


All Articles