Problemas con CSS para IFRAME

Jh0rdy · #1 (**permalink**) 02/01/2014, 12:47

Hola, espero por favor su ayuda para poder terminar el diseño de mi web.

Quisiera que me ayuden con el CSS ya que se muy poco por no decir nada :(

Ya Tengo el código para que funcione, pero tengo problemas en el diseño ya que lo que deseo es tratar de ubicar el DIV (que contiene el iframe) en un 90% de pagina y el otro DIV (Que contiene el button y nombre de la pagina) en el 10% sobrante de la pagina.

Aquí le dejo un ejemplo del diseño,

Por ahora solo tengo esto:

Código HTML:

<div id="contenedor-general">

  <div id="contenedor-superior">
  
    <div id="next">  
  	<input class="btn-siguiente" onClick="cambiarIframe();" type="button" value="Siguiente Pagina" />
    </div>
    
  </div>
  
  <div id="contenedor-inferior">
  
  <iframe id="contenedor-iframe" src="Pagina1.html"></iframe>
   
  </div>
  
</div>

Contac · #2 (**permalink**) 02/01/2014, 13:11

Creo que es esto a lo que te refieres

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style>
#contenedor-superior{
border:1px solid red;
height:10%;
width:99%;
overflow:auto;
}
#contenedor-inferior{
border:1px solid red;
height:90%;
width:99%;
overflow:auto;
}
</style>
</head>
<body>
<div id="contenedor-superior">
<div id="next">  
    <input class="btn-siguiente" onClick="cambiarIframe();" type="button" value="Siguiente Pagina" />
    </div>
</div>
<div id="contenedor-inferior">
<iframe id="contenedor-iframe" src="Pagina1.html"></iframe>
</div>
</body>
</html>

Jh0rdy · #3 (**permalink**) 02/01/2014, 13:37

No amigo mira el resultado que te salio :)

En el iframe pueden colocar una pagina web que exista para que puedan apreciar mejor el resultado, ejemplo:

Código HTML:

<iframe id="contenedor-iframe" src="http://www.forosdelweb.com"></iframe>

Contac · #4 (**permalink**) 03/01/2014, 03:58

Hola en el id="contenedor-iframe" tendrás que dar las medidas que quieres para el iframe.