divの一番左にテーブルを配置

Question

iPhoneでテーブル全体を塗りつぶす2x2グリッドを作成しようとしています。 現在のところ、次のようになります。http://dl.dropbox.com/u/182509/photo.PNG

右側の列の斜線と左の隙間に注意してください。

いずれも修正できません。

関連するCSS：

body { margin: 0; position: absolute; height: 100%; } 

.full { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: white; } 

table { border-width: 0px; border-spacing: 0px; border-style: hidden; border-color: gray; border-collapse: collapse; background-color: white; width: 100%; height: 100%; left: 0; top: 0px; margin: 0; padding: 0px; position: absolute; } 

td { border-width: 1px; padding: 1px; border-style: solid; border-color: gray; background-color: white; width: 50%; height: 160px; } 

とhtml：あなたのtdは1pxのために国境を設定している、それは我々が何であるかの全幅に追加されますので

<div id="helpView" class="full"> 
    <table id="help"> 
     <tr> 
      <td>Hey..</td> 
      <td>Hi.</td> 
     </tr> 
     <tr> 
      <td>Hello.</td> 
      <td>Greetings!</td> 
     </tr> 
    </table> 
</div> 

すべてのヘルプは

Answer 1

を高く評価しました見て、あなたのtdの幅を減らさなければならない。

http://www.w3.org/TR/CSS2/box.html

またはあなたが左にそれを調整するために-1にあなたのテーブルのleftを設定することができます：

table{left:-1} 

位置が絶対的であるため、それが動作する参照用のボックスモデルを参照してください。

Answer 2

あなたは事を複雑にしました。

http://jsfiddle.net/Z3rs5/

は あなたは、単純なコードを書く必要があります

は、また、1行のCSS文の全てを詰め込むdo't、あなたがやるたびに神様が子猫を殺す、ということ！