캔버스 테이블

Question

안에 나는 마크 업이 있습니다

<table cellpadding="0" cellspacing="0" class="table_report_line"> 
    <tbody> 
     <tr> 
      <td> 
       <div class="dvlefttable"> 
       </div> 
      </td> 
      <td class="dvtoptable" colspan="4" width="100%"> 
       Test 
      </td> 
      <td> 
       <div class="dvrighttable"> 
       </div> 
      </td> 
     </tr> 
     <tr> 
      <canvas id="chartId" width="400" height="400" style="margin: 30px;"> 
      </canvas> 
     </tr> 
     <tr> 
      <td> 
      </td> 
      <td colspan="4"> 
       <br style="line-height: 15px;" /> 
      </td> 
      <td> 
      </td> 
     </tr> 
     <tr> 
      <td colspan="6" class="bg_bottom_table"> 
      </td> 
     </tr> 
     </tbody> 
    </table> 

을하지만 파이어 폭스 내가 그것을 테이블 이외의 캔버스를 넣어 볼 수있는 페이지를 렌더링 할 때

<canvas id="chartId" style="margin: 30px;" height="400" width="400"> </canvas> 
<table cellspacing="0" cellpadding="0" class="table_report_line"> 
<tbody> 
    <tr> 
     <td class=""> 
      <div class="dvlefttable"> 
      </div> 
     </td> 
     <td width="100%" colspan="4" class="dvtoptable"> 
      Test 
     </td> 
     <td class=""> 
      <div class="dvrighttable"> 
      </div> 
     </td> 
    </tr> 
    <tr> 

    </tr> 
    <tr style="background: none repeat scroll 0% 0% transparent;"> 
     <td class="td_border_left"> 
     </td> 
     <td colspan="4" class="td_padding_left"> 
      <br style="line-height: 15px;"> 
     </td> 
     <td class="td_border_right"> 
     </td> 
    </tr> 
    <tr> 
     <td class="bg_bottom_table" colspan="6"> 
     </td> 
    </tr> 
    </tbody> 
</table> 

왜 발생합니까 어떻게 수를 해결하기 위해 그?

Answer 1

TD 요소 안에 CANVAS를 넣어야합니다.

변경 :

<tr> 
    <canvas id="chartId" width="400" height="400" style="margin: 30px;"></canvas> 
</tr> 

에이 같은 경우 엄지 손가락의

<tr> 
    <td><canvas id="chartId" width="400" height="400" style="margin: 30px;"></canvas></td> 
</tr> 

일반 규칙은 당신이 뭘 잘못했는지 확인하기 위해 HTML validator을 사용하는 것입니다.