title: ReportViewer problem in google chrome
body: <p>I am using Reportviewer in my asp.net mvc (C#) application. In IE and Firefox, the reportviewer looks fine.</p>
  
  <p>But in Chrome, the header and body gets shrinked. I was able to correct the header display problem as suggested in <a href="http://www.mazsoft.com/blog/post/2009/08/13/ReportViewer-control-toolbar-in-Google-Chrome-browser.aspx" rel="nofollow noreferrer">http://www.mazsoft.com/blog/post/2009/08/13/ReportViewer-control-toolbar-in-Google-Chrome-browser.aspx</a>.</p>
  
  <pre><code>  if ($.browser.safari) {
        $("#ReportViewerControl table").each(function(i, item) {
           $(item).css('display', 'inline-block');
        });
    }
  </code></pre>
  
  <p>But the Body(Viewer) part still appears to be in half of the screen. The problem appears to be with the width of empty second <code>td</code> of the table:</p>
  
  <pre><code>&lt;table cellspacing="0" cellpadding="0"&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td onpropertychange="ShowFixedHeaders()" id="oReportCell"&gt;....Some Data...&lt;/td&gt;
        &lt;td height="0" width="100%"&gt;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The Second td in the above table is empty with 100% width, this may be the cause of the bug in chrome. How can i remove the width of the second td or is there any fix for this?
  <a href="http://www.freeimagehosting.net/uploads/13114a4f00.png" rel="nofollow noreferrer">ReportViewer Design http://www.freeimagehosting.net/uploads/13114a4f00.png</a></p>
  
  <p>How can i access the element inside nested iframe?</p>