title: embed PDF file in html using object tag
body: <p>I m embeding a pdf document into my html code. For this i have wrote this code.</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org
  
  /TR/html4/loose.dtd"&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html;charset=UTF-8"&gt;
      &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;object height="100%" width="100%" type="application/pdf" data="yii.pdf#toolbar=1&amp;amp;navpanes=0&amp;amp;scrollbar=1&amp;amp;page=1&amp;amp;view=FitH"&gt;
  
  &lt;p&gt;It appears you don't have a PDF plugin for this browser. No biggie... you can &lt;a href="/pdf/sample.pdf"&gt;click here to download the PDF file.&lt;/a&gt;&lt;/p&gt;
  
  &lt;/object&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But result is empty page on FF4 and IE9 embeds pdf file but its container is very small almost 30% of page. if I remove first line i.e DOCTYPE both browsers renders pdf file as it should.
  Following code works fine.</p>
  
  <pre><code>&lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html;charset=UTF-8"&gt;
      &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;object height="100%" width="100%" type="application/pdf" data="yii.pdf#toolbar=1&amp;amp;navpanes=0&amp;amp;scrollbar=1&amp;amp;page=1&amp;amp;view=FitH"&gt;
  
  &lt;p&gt;It appears you don't have a PDF plugin for this browser. No biggie... you can &lt;a href="/pdf/sample.pdf"&gt;click here to download the PDF file.&lt;/a&gt;&lt;/p&gt;
  
  &lt;/object&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I want to use doctype in my page so that other pages work fine. Is there a way to fix first code that contains doctype?</p>