embed el archivo PDF en html usando la etiqueta de objeto
Estoy incrustando un documento pdf en mi código html. Para esto, he escrito este código.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org
/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title></title>
</head>
<body>
<object height="100%" width="100%" type="application/pdf" data="yii.pdf#toolbar=1&navpanes=0&scrollbar=1&page=1&view=FitH">
<p>It appears you don't have a PDF plugin for this browser. No biggie... you can <a href="/pdf/sample.pdf">click here to download the PDF file.</a></p>
</object>
</body>
</html>
Pero el resultado es una página vacía en FF4 e IE9 incrusta un archivo pdf, pero su contenedor es muy pequeño, casi el 30% de la página. si elimino la primera línea, es decir, DOCTYPE, ambos navegadores muestran el archivo pdf como debería. El siguiente código funciona bien.
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title></title>
</head>
<body>
<object height="100%" width="100%" type="application/pdf" data="yii.pdf#toolbar=1&navpanes=0&scrollbar=1&page=1&view=FitH">
<p>It appears you don't have a PDF plugin for this browser. No biggie... you can <a href="/pdf/sample.pdf">click here to download the PDF file.</a></p>
</object>
</body>
</html>
Quiero usar doctype en mi página para que otras páginas funcionen bien. ¿Hay alguna manera de arreglar el primer código que contiene doctype?