Foros del Web - Ver Mensaje Individual

emprear · #11 (**permalink**) 08/12/2011, 19:49

Código HTML:

Ver original<html>
<head>
 
<script src="http://www.google.com/jsapi" type="text/javascript">
</script>
<script type="text/javascript">
google.setOnLoadCallback(function () {
var viewer = new google.books.DefaultViewer(document.getElementById('viewport'));
viewer.load('http://books.google.es/books?pg\x3dPP1\x26id\x3d3HLazFdJ7IIC\x26hl\x3des\x26source\x3dgbs_embed');
});
var params = {language: "es"};google.load('books', '0', params);
//]]>
</script>
<title></title>
</head>
<body style="margin:0;padding:0;overflow:auto">
<div style="width:100%;height:50%;overflow:hidden" id="viewport"></div>
</body>
</html>

ahi está con porcentajes

y si queres usar object

Código HTML:

Ver original<object id='visor' type='text/html' data='http://books.google.es/books?id=3HLazFdJ7IIC&pg=PP1&output=embed'>
<p>Lo lamentamos, tu navegador no permite mostrar la página web <a href='http://books.google.es/books?id=3HLazFdJ7IIC&pg=PP1&output=embed'>http://books.google.es/books?id=3HLazFdJ7IIC&pg=PP1&output=embed</a>. Copia esta dirección y ábrela en una nueva pestaña del navegador.</p>
</object>

y en el css

Código CSS:

Ver original#visor {
width: 50%;
height: 50%;
}