Muchos de vosotros sabreis ya lo que es un iframe, otros a lo mejor no. Un iframe (por inline frame o marco incorporado en inglés) es un elemento HTML que permite insertar o incrustar un documento HTML dentro de un documento HTML principal. Fue introducido en el navegador Microsoft Internet Explorer en 1997 y durante mucho tiempo solo fue soportado en este navegador, la etiqueta Iframe actualmente es ya aceptada por la W3 como un elemento estandar y es ampliamente soportado por gran variedad de navegadores. En resumen, es una ventana o marco que insertamos en nuestra web y que desde el podemos ver una parte de otra web.El codigo de un iframe normal seria asi:
<iframe src="AQUI LA URL"
width="ANCHO" height="ALTO" scrolling="auto" frameborder="1" transparency></iframe> |
Pero con ese codigo siempre se mostrara la parte izquierda de arriba de la pagina que queramos poner. Si queremos pillar una parte determinada de un sitio, tenemos que aplicarle un poco de estilo y de HTML añadido. El codigo en cuestion para ubicar el iframe donde queramos, es el siguiente:
| <style type="text/css"> #outerdiv { width:500px; height:450px; overflow:hidden;position:relative; } #inneriframe { position:absolute; top:-180px; left:-180px; width:1000px; height:1000px; }</style> <div id='outerdiv'> <iframe src="AQUI LA URL" id='inneriframe' scrolling=no></iframe> </div> |
Aqui teneis un ejemplo de un iframe de la pagina de El Jueves:
