Foros del Web » Creando para Internet » HTML »

Problema con iframe

Estas en el tema de Problema con iframe en el foro de HTML en Foros del Web. Hola expertos de la web espero puedan ayudarme con este incoveniente, tengo este iframe: Código: <iframe src="centro.php" name="principal" title="principal" width="100%" height="600px" frameborder=0 scrolling="yes"></iframe> Pero quiero ...
  #1 (permalink)  
Antiguo 06/12/2010, 08:09
Avatar de anacona16  
Fecha de Ingreso: marzo-2010
Ubicación: Bogota DC
Mensajes: 610
Antigüedad: 7 años, 9 meses
Puntos: 50
Problema con iframe

Hola expertos de la web espero puedan ayudarme con este incoveniente, tengo este iframe:

Código:
<iframe src="centro.php" name="principal" title="principal" width="100%" height="600px" frameborder=0 scrolling="yes"></iframe>
Pero quiero que el height sea automatico (segun el contenido que se muestre asi mismo sea la altura), he probado cambiando el valor 600px por auto pero nada, no funciona, tambien he probando aplicandole una regla css donde pongo:

Código:
.iframe{
height:auto;
min-height:600px;
}
Pero nada, ¿Como lo hago?, gracias.
  #2 (permalink)  
Antiguo 06/12/2010, 08:11
 
Fecha de Ingreso: noviembre-2010
Mensajes: 1.241
Antigüedad: 7 años
Puntos: 73
Respuesta: Problema con iframe

Prueba con porcentajes
  #3 (permalink)  
Antiguo 06/12/2010, 08:11
 
Fecha de Ingreso: noviembre-2010
Mensajes: 1.241
Antigüedad: 7 años
Puntos: 73
Respuesta: Problema con iframe

el iframe, no coge sus medidas de la hoja de estilos
  #4 (permalink)  
Antiguo 06/12/2010, 08:15
Avatar de anacona16  
Fecha de Ingreso: marzo-2010
Ubicación: Bogota DC
Mensajes: 610
Antigüedad: 7 años, 9 meses
Puntos: 50
Respuesta: Problema con iframe

Probe con height:100% y nada.
  #5 (permalink)  
Antiguo 08/12/2010, 08:31
Avatar de anacona16  
Fecha de Ingreso: marzo-2010
Ubicación: Bogota DC
Mensajes: 610
Antigüedad: 7 años, 9 meses
Puntos: 50
Respuesta: Problema con iframe

Bueno despues de tanto buscar y ensayar varios codigos encontre este que si funciona:

Código PHP:
/***********************************************
* IFrame SSI script II- C Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of original DHTML scripts
* This notice must stay intact for legal use
***********************************************/

//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:
var iframeids=["myframe"]

//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):
var iframehide="yes"

var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
var 
FFextraHeight=parseFloat(getFFVersion)>=0.116 //extra height in px to add to iframe in FireFox 1.0+ browsers

function resizeCaller() {
    var 
dyniframe=new Array()
    for (
i=0i<iframeids.lengthi++){
        if (
document.getElementById)
            
resizeIframe(iframeids[i])
//reveal iframe for lower end browsers? (see var above):
            
if ((document.all || document.getElementById) && iframehide=="no"){
                var 
tempobj=document.alldocument.all[iframeids[i]] : document.getElementById(iframeids[i])
                
tempobj.style.display="block"
            
}
        }
    }

function 
resizeIframe(frameid){
    var 
currentfr=document.getElementById(frameid)
    if (
currentfr && !window.opera){
        
currentfr.style.display="block"
        
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight//ns6 syntax
            
currentfr.height currentfr.contentDocument.body.offsetHeight+FFextraHeight
        else if (
currentfr.Document && currentfr.Document.body.scrollHeight//ie5+ syntax
            
currentfr.height currentfr.Document.body.scrollHeight;
            if (
currentfr.addEventListener)
                
currentfr.addEventListener("load"readjustIframefalse)
            else if (
currentfr.attachEvent){
                
currentfr.detachEvent("onload"readjustIframe// Bug fix line
                
currentfr.attachEvent("onload"readjustIframe)
            }
        }
    }

function 
readjustIframe(loadevt) {
    var 
crossevt=(window.event)? event loadevt
    
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget crossevt.srcElement
    
if (iframeroot)
        
resizeIframe(iframeroot.id);
    }

function 
loadintoIframe(iframeidurl){
    if (
document.getElementById)
        
document.getElementById(iframeid).src=url
    
}

    if (
window.addEventListener)
        
window.addEventListener("load"resizeCallerfalse)
        else if (
window.attachEvent)
            
window.attachEvent("onload"resizeCaller)
        else
            
window.onload=resizeCaller 
Utilizacion:

Código PHP:
<iframe id="myframe" name="principal" src="centro.php" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="overflow:visible; width:100%; display:none"></iframe

Etiquetas: 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 23:17.