-1

ニュースレターで忙しく、背景画像がニュースレターで機能しないため、1px の境界線でこれを修正しようとしています。上部と下部の影は正常に機能していますが、左右を 100% の高さにすることができないので、誰かがこれを手伝ってくれるでしょうか?

これは私が今持っているフィドルです:フィドルについてはここをクリックしてください

HTML:

 <table width="702" cellspacing="0" cellpadding="0">
      <tr>
           <td width="72" valign="top"><img src="logo-ro.png" alt="" /></td>
           <td colspan="2" valign="top">
                <div style="border-top : 1px solid #e3e8ec;"><div style="border-top : 1px solid #e3eaf2;"><div style="border-top : 1px solid #e1eaf3;"><div style="border-top : 1px solid #e1eaf1;"><div style="border-top : 1px solid #e2ebf2;"><div style="border-top : 1px solid #e2ebf2;"><div style="border-top : 1px solid #e4ebf3;"><div style="border-top : 1px solid #e7ebf4;"><div style="border-top : 1px solid #e8ecf5;"><div style="border-top : 1px solid #e9edf6;"><div style="border-top : 1px solid #eaedf6;"><div style="border-top : 1px solid #ecf1f7;"><div style="border-top : 1px solid #ecf1f7;"><div style="border-top : 1px solid #edf2f6;"><div style="border-top : 1px solid #eff2f7;"><div style="border-top : 1px solid #f1f5f8;"><div style="border-top : 1px solid #f4f5f9;"><div style="border-top : 1px solid #f5f6f8;"><div style="border-top : 1px solid #f6f6f8;"></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
           </td>
      </tr>
      <tr>
           <td width="19" valign="top">
                <div style="border-left : 1px solid #e3e8ec;"><div style="border-left : 1px solid #e3eaf2;"><div style="border-left : 1px solid #e1eaf3;"><div style="border-left : 1px solid #e1eaf1;"><div style="border-left : 1px solid #e2ebf2;"><div style="border-left : 1px solid #e2ebf2;"><div style="border-left : 1px solid #e4ebf3;"><div style="border-left : 1px solid #e7ebf4;"><div style="border-left : 1px solid #e8ecf5;"><div style="border-left : 1px solid #e9edf6;"><div style="border-left : 1px solid #eaedf6;"><div style="border-left : 1px solid #ecf1f7;"><div style="border-left : 1px solid #ecf1f7;"><div style="border-left : 1px solid #edf2f6;"><div style="border-left : 1px solid #eff2f7;"><div style="border-left : 1px solid #f1f5f8;"><div style="border-left : 1px solid #f4f5f9;"><div style="border-left : 1px solid #f5f6f8;"><div style="border-left : 1px solid #f6f6f8;"></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
           </td>
           <td valign="top">fdsfsfsdf</td>
           <td width="19" valign="top">
                <div style="border-right : 1px solid #e3e8ec;"><div style="border-right : 1px solid #e3eaf2;"><div style="border-right : 1px solid #e1eaf3;"><div style="border-right : 1px solid #e1eaf1;"><div style="border-right : 1px solid #e2ebf2;"><div style="border-right : 1px solid #e2ebf2;"><div style="border-right : 1px solid #e4ebf3;"><div style="border-right : 1px solid #e7ebf4;"><div style="border-right : 1px solid #e8ecf5;"><div style="border-right : 1px solid #e9edf6;"><div style="border-right : 1px solid #eaedf6;"><div style="border-right : 1px solid #ecf1f7;"><div style="border-right : 1px solid #ecf1f7;"><div style="border-right : 1px solid #edf2f6;"><div style="border-right : 1px solid #eff2f7;"><div style="border-right : 1px solid #f1f5f8;"><div style="border-right : 1px solid #f4f5f9;"><div style="border-right : 1px solid #f5f6f8;"><div style="border-right : 1px solid #f6f6f8;"></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
           </td>
      </tr>
      <tr>
           <td colspan="3" valign="top">
                <div style="border-top : 1px solid #f6f6f8;"><div style="border-top : 1px solid #f5f6f8;"><div style="border-top : 1px solid #f4f5f9;"><div style="border-top : 1px solid #f1f5f8;"><div style="border-top : 1px solid #eff2f7;"><div style="border-top : 1px solid #edf2f6;"><div style="border-top : 1px solid #ecf1f7;"><div style="border-top : 1px solid #ecf1f7;"><div style="border-top : 1px solid #eaedf6;"><div style="border-top : 1px solid #e9edf6;"><div style="border-top : 1px solid #e8ecf5;"><div style="border-top : 1px solid #e7ebf4;"><div style="border-top : 1px solid #e4ebf3;"><div style="border-top : 1px solid #e2ebf2;"><div style="border-top : 1px solid #e2ebf2;"><div style="border-top : 1px solid #e1eaf1;"><div style="border-top : 1px solid #e1eaf3;"><div style="border-top : 1px solid #e3eaf2;"><div style="border-top : 1px solid #e3e8ec;"></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
           </td>
      </tr>
 </table>
4

2 に答える 2

1

div の左右の階層で最も内側の div に高さを与えてみてください。

<div style="border-left : 1px solid #f6f6f8; height: 100px;"></div>

ここでフィドルを参照してください:http://jsfiddle.net/z4DFy/

于 2013-10-09T10:00:44.440 に答える