Hola amigos, tuve una duda hace un tiempo, la cual la arregle con javascript (aunque no sepa mucho) pensando que se solucionaba con CSS. Ese problema era ajustar un iframe a la altura de el contenido que se le asigne.
Con este script
Código:
<script>
function resizeIframe(cont01){
var miIframe=document.getElementById(cont01);
var alturaPagina=miIframe.contentWindow.document.body.scrollHeight+20;
miIframe.style.height=alturaPagina;
}
</script>
Pero ahora me surgió un problema por eso.....al los lados de ese iframe....tengo dos imágenes dentro de un div cada una, las cuales se sitúan en las esquinas inferior derecha e inferior izquierda respectivamente, pero cuando el iframe se alarga, estas se quedan e su posición inicial y no bajan con el iframe, se quedan estáticas aunque tengan este CSS.
Código:
#apDiv4 {
position:absolute;
left:0px;
bottom:0px;
width:111px;
height:115px;
}
#apDiv5 {
position:absolute;
right:0px;
bottom:0px;
width:510px;
height:200px;
}
Por si esto quedo algo confuso, tengo una imagen que les puede ayudar a entender lo que pasa.
Sigan este link porfavor.
http://4.bp.blogspot.com/_z3N0j6-KRCU/SQc970mfxwI/AAAAAAAAAEo/xsuxmMrT-sQ/s1600-h/la+idea+pa+la+web.jpg
Gracias