0

表の行の一番上にあるテキストは、その下の 2 番目の列の影響を受けています。表の幅全体を占めるようには見えません。

http://jsfiddle.net/PmWBw/2/

申し訳ありませんが、まだテーブルで作業しているのは私だけです。HTML メールはまだ存在します。

 <table width="800" class="bodyContent" style="border: 1px solid #b8b7b7;margin-bottom: 20px;">

            <table> 
                 <tr style="width: 800px;">TEST TEXT TEST TEXT TEST TEXT TEST TEXT TEST TEXT TEST TEXT</tr>
            </table>


            <td valign="top" width="260" class="leftColumnContent">

                <table border="0" cellpadding="20" cellspacing="0" width="100%">
                    <tr mc:repeatable>
                        <td valign="top">
                            <img src="http://www.homeplan.com/newsletter/images/top_left.png" mc:label="image" mc:edit="tiwc300_image00" />
                        </td>
                    </tr>
                </table>
            </td>


            <td valign="top" width="260" class="rightColumnContent">

                <!-- // Begin Module: Top Image with Content \\ -->
                <table border="0" cellpadding="20" cellspacing="0" width="100%">
                    <tr mc:repeatable>

                        <td valign="top">

                            <img src="http://www.homeplan.com/newsletter/images/top_right.png" mc:label="image" mc:edit="tiwc300_image01" />

                        </td>
                    </tr>

                </table>  
            </td>                  
</table>
4

2 に答える 2

3

まず、最初の行は、別の td 内にある tr 内の td で構成されます。他に何もない場合は、おそらく対処する必要があります。

また、元の質問とは少し関係ありませんが、追加されたコードによって得られる実際の利点や機能が見られない場合、セル内にテーブルを配置するのは少し冗長に思えます。tdまたは画像自体に適用できるのと同じもので、内側のテーブルをスタイリングしています。少なくともこの特定のアプリケーションでは。
ちょっとした考え。

更新しました：

<table width="600" class="bodyContent" style="border: 1px solid #b8b7b7;margin-bottom: 20px;">
    <tr>
        <td colspan="2">
            <table>
                <tr style="width: 600px;">
                    <td>TEST TEXT TEST TEXT TEST TEXT TEST TEXT TEST TEXT TEST TEXT</td>
                </tr>
            </table>
        </td>
    </tr>

    <tr>
        <td valign="top" width="260" class="leftColumnContent">
            <table border="0" cellpadding="20" cellspacing="0" width="100%">
                <tr mc:repeatable>
                    <td valign="top">
                        <img src="http://www.homeplan.com/newsletter/images/top_left.png" mc:label="image" mc:edit="tiwc300_image00" />
                    </td>
                </tr>
            </table>
        </td>

        <td valign="top" width="260" class="rightColumnContent">
            <!-- // Begin Module: Top Image with Content \\ -->
            <table border="0" cellpadding="20" cellspacing="0" width="100%">
                <tr mc:repeatable>
                    <td valign="top">
                        <img src="http://www.homeplan.com/newsletter/images/top_right.png" mc:label="image" mc:edit="tiwc300_image01" />
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
于 2012-10-03T06:40:14.233 に答える
0

まず第一に、コードを次のようにすることはできません: <td><tr><td>asdf</td></tr></td>. で<tr>ラップする必要があります<table>。

于 2012-10-03T06:41:29.707 に答える