テーブルのTDをテキストなしで表示する方法

Question

私の質問： テーブルをテキストなしでそのまま残して、テーブルを消さずに残すことができます。

<div id="push_down"></div> 

    <div id="global_wrapper"> 
     <table cellpadding="0" cellspacing="0" border="0" id="sep_table"> 
      <tr> 
       <td id="side_1"></td> 
       <td id="main"></td> 
       <td id="side_2"></td> 
      </tr> 
     </table> 
    </div> 

そして、このCSSコード：CSSで

html, body { 
margin: 0px; 
padding: 0px; 
} 

#push_down { 
    padding-top: 53px; 
} 
#global_wrapper { 
} 
#sep_table { 
    margin: 0px auto; 
    width: 100%; 
} 
#side_1 { 
    background:url(../images/navbar-bg-left.jpg) center repeat-x; 
    height:78px; 
} 
#main { 
    background:url(../images/navbar.jpg) center no-repeat; 
    height:33px; 
    width: 989px; 
    padding-top:45px; 
} 
#side_2 { 
    background:url(../images/navbar-bg-right.jpg) center repeat-x; 
    height:78px; 
} 
.navbar{ 
    font-size:14px; 
    font-weight:bold; 
    color:#FFF; 
} 
.navbar a:link{ 
    color:#FFF; 
    text-decoration:none; 
} 
.navbar a:visited{ 
    color:#FFF; 
    text-decoration:none; 
} 
.navbar a:hover{ 
    color:#131313; 
    text-decoration:none; 
} 
.navbar a:active{ 
    color:#FFF; 
    text-decoration:none; 
} 

Answer 1

：（本当にきれいではない）HTMLで

table { 
empty-cells:show; 
} 

：

私は、このHTMLコードを使用します

<table> 
<tr> 
<td>&nbsp;</td> 
</tr> 
</table> 

Answer 2

あなたはこのスタイルを追加することができます。

td{ 
    width: 20px; 
    height: 20px; 
    display: block; 
} 

Answer 3

また1px heightと1px widthで（.pngの画像のような）透明画像を置くことができます。

Photoshopは、ウェブやデバイス用に保存するときにテーブルコンテナ上の補助画像としてspace.pngを使用します。このアイデアをコピーすることができます。

すべての表のセルを埋めるために、この同じ画像にheight and width 100%を置いてください。