Foros del Web » Creando para Internet » Diseño web »

iframe dinamico dentro de una div flotante

Estas en el tema de iframe dinamico dentro de una div flotante en el foro de Diseño web en Foros del Web. un saludo a todos, estoy intentanto realizar una pagina con PA o divs flotantes, mi unico problema es que no se como puedo hacer para ...
  #1 (permalink)  
Antiguo 21/12/2011, 20:10
 
Fecha de Ingreso: diciembre-2011
Mensajes: 1
Antigüedad: 12 años, 4 meses
Puntos: 0
Pregunta iframe dinamico dentro de una div flotante

un saludo a todos, estoy intentanto realizar una pagina con PA o divs flotantes, mi unico problema es que no se como puedo hacer para que la pagina que se cargara en el "IFRAME" que esta dentro de la "DIV FLOTANTE" se visualice al 100%

ingrese el IFRAME dentro del DIV porque se me facilita manejar los IFRAMES al momento de cargar las paginas subsecuentes, pero si existe una manera mas simple o mejor ojala y me la pudiesen decir, la verdad estoy aki para aprender estuve buscando pero nada de lo que he encontrado me ha funcionado.
PROBLEMA:

bueno y mi index tiene la sig estructura:


como ven se corta la pagina que se cargo dentro del iframe y este es el codigo:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>TeSe MoDa</title>

<link rel="stylesheet" type="text/css" href="fisheye-menu.css" />
<script src="fisheye.js" type='text/javascript'></script>

<style type="text/css">

body {
font: 100%/1.4 Verdana, Geneva, sans-serif;
background: url(res/back.png);
margin: 0;
padding: 0;
color: #000;
}
.container {
width: 80%;
max-width: 1260px;
min-width: 795px;
background: #617B9E;
margin: 0 auto;
overflow: hidden;
}
.head {
height: 200px;
background:url(res/barra_top.png) no-repeat;
}
.hlogo {
float:left;
}
.logo {
height: 200px;
border: none;
}
.textSignIn {
font-size: 12px;
color: #FFF;
}
.espacio1 {
height: 10px;
}
.content {
width: 100%;
float:left;
}
.pie {
padding: 10px 0;
background: #6F7D94;
}
</style>
</head>

<body>
<div class="container"><!--Container-->
<div class="head"><!--Head-->
<div class="hlogo"><!--Logo-->
<img src="res/logo.png" class="logo" />
</div><!--Logo-->
<div align="right"><!--Sign in-->
<form action="ini_ses.php" method="post">
<table width="400" cellpadding="0" cellspacing="2" border="0" class="textSignIn">
<tr>
<td width="100">Usuario:<td>
<td width="100"><input type="text" name="usu" size="15" /><td>
<td width="100">Contrase&ntilde;a:<td>
<td width="100"><input type="text" name="con" size="15" /><td>
</tr>
</table>
</form>
</div><!--Sign in-->
<div class="espacio1"></div><!--Espacio-->
<div align="center"><!--Fisheye-->
<table>
<tr>
<td>
<ul id="fisheye_menu">
<li><a href="#1"><img src="res/moda.png" width="120" /><span></span></a></li>
<li><a href="#2"><img src="res/reg.png" width="120" /><span></span></a></li>
<li><a href="#3"><img src="res/bolso.png" width="120" /><span></span></a></li>
</ul>
</td>
</tr>
</table>
</div><!--Fisheye-->
</div><!--Head-->
<div class="content"><!--content-->
<iframe src="moda.php" height="100%" width="100%" allowtransparency="yes" frameborder="0" scrolling="no" name="contenido"></iframe>
</div><!--content-->
<div class="pie">
pie
</div>

</div><!--Container-->

</body>
</html>

si alguien tiene alguna sugerencia o solucion de antemano muchas gracias!
  #2 (permalink)  
Antiguo 14/01/2012, 22:03
Avatar de gilberto_pineda  
Fecha de Ingreso: enero-2012
Mensajes: 4
Antigüedad: 12 años, 3 meses
Puntos: 0
Respuesta: iframe dinamico dentro de una div flotante

HOla b_k_leo , te recomiendo que te documentes un poco sobre cargar páginas con AJAX. Encontrarás cientos de ejemplos para lo que buscas, y te aseguro que será una mejor solución que seguir usando los IFRAME.

Etiquetas: css, dinamica, dinamico, divflotante, html, iframe
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:06.