0

テーブル セルのテキストを PNG 透明背景に揃えようとしています。filter:progid:DXImageTransform.Microsoft.AlphaImageLoader() を使用して IE6 でこれを修正します。ただし、スタイル フィルターを使用すると、テキストが中央に配置されません。

CSS:

.fh {
font-family:SimSun;
font-size:12px;
overflow:hidden;
padding:0 2px 2px;
text-align:left;
vertical-align:middle;
}

HTML:

<table width="200"  border="1" cellpadding="2" class="x-table">
<tr>
<th scope="col">&nbsp;</th>
</tr>
<tr style="height: 77px;">
<td class="fh" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./shadow-trans.png')">&nbsp;ABCDEFG</td>
</tr>
</table>

スクリーンショット:

"vertical_align_ie6" http://filer.blogbus.com/4216262/resource_4216262_1279530625v.png

4

2 に答える 2

0

高さを TD または TABLE にシフトしてみてください。

于 2010-07-19T09:53:35.180 に答える
0

この問題は、テーブルを含む div を元の td に挿入することで解決できることがわかりました。

HTML:

<table cellspacing="0" cellpadding="0" class="x-table" style="position: absolute; width: 289px; left: 0px;">
    <colgroup>
        <col style="width: 72px;"/>
        <col style="width: 72px;"/>
        <col style="width: 72px;"/>
        <col style="width: 72px;"/>
    </colgroup>
    <tbody>
        <tr style="height: 77px;">
            <td class="brw1 brss bbw1 bbss blw1 blss btw1 btss" style="border-color: rgb(153, 204, 255); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./shadow-trans.png', sizingMethod=crop);background-repeat: no-repeat;" id="A1-0" colspan="4">
                <div class="fx" style="height: 76px;">
                    <table>
                        <tbody>
                            <tr>
                                <td class="fh bw" style="height: 76px; width: 288px;">ABCDEFG</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </td>
        </tr>
    </tbody>
</table>
于 2010-07-19T14:32:06.917 に答える