Agosto 19

2016
Hoy un truco muy sencillito, pero que nos puede sacar muchas veces de un apuro.

Como hacer que un IFRAME ocupe todo el espacio del navegador.

Solo hay que definir un par de cositas en unestro CSS, ya sea en un archivo o en la propia pagina. Yo prefiero utilizarlo siempre en la propia pagina, ya que normalmente sera solo para esa pagina.

    <style type="text/css">
html, body {margin:0; padding:0;height: 100%;}
form, iframe { margin:0; padding:0; height:100%; width:100%; display:block;border:none; }
</style>
Aunque si analizas un poco el tema, veras que realmente lo que va a ocupar es el total del contenido del <div> contenedor.

Que pasa con el FORM

Si estas usando ASP y realmente quieres que ocupe por completo la el espacio del nevegador DEBES de incluir el tag form. Si no puedes quitarlo.

Esto es todo amigos

Y ya esta, con esto tendriamos una pagina con un IFRAME que ocupa el total de la pagin, yo lo uso siempre cuando quiero mostrar un PDF en una nueba pagina, aqui os dejo el codigo completo de la pagina como queda.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="reprint.aspx.cs" Inherits="Private_forms_reprint" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
html, body {margin:0; padding:0;height: 100%;}
form, iframe { margin:0; padding:0; height:100%; width:100%; display:block;border:none; }
</style>
</head>
<body>
<form id="form1" runat="server">
<iframe id="pdf" runat="server" frameborder="0"></iframe>
</form>
</body>
</html>


0 Comentarios

Escribir un comentario

6 x 0 =



Archivo