Como lograron 100% height?

sentnel · #1 (**permalink**) 16/12/2010, 22:03

Hola!

Mucho agradeceria si alguien pudiera explicarme como esta hecho este wrapper (iframe) con un 100% de altura?

El enlace es este: http://www.aeropaq.com/index.php?opt...pper&Itemid=25

Millon de gracias!

sentnel · #2 (**permalink**) 17/12/2010, 10:36

Es simplemente increible que ningun guru pueda explicar como se hace esto, teniendo una pagina hecha usando alguna tecnica, sobre todo que este es un tema de mucho interes para muchas personas, el famoso wrapper al 100% de altura.

Esta respuesta podria ser el tema de un sticky... por favor animense !

Rankxerox1984 · #3 (**permalink**) 17/12/2010, 11:18

No tengo los datos aquí, pero en la hoja de estilos deberias jugar con las propiedades de los div (float) y consultar por google algo sobre CSS liquido.

Un saludo,

J.

sentnel · #4 (**permalink**) 17/12/2010, 19:36

Gracias Rankxerox1984, pero me parece increible que de todos los gurus del foro no aparezca alguien que descifre esa pagina, de como lograron que el autoheight funcione con una pagina fuera del dominio. Tantas interrogantes en Internet al respecto y aqui nadie lo descifra... wao! admito que estoy decepcionado...

sentnel · #5 (**permalink**) 20/12/2010, 11:43

En este foro (esta parte de Joomla, no foros del web, que es magnifico) se ocupa cada quien de sus propios problemas, no hay un espiritu de discutir posibles soluciones, vienen, escriben sus problemas y ya, sabiendo como ayudar otros simplemente los ignoran, lamento no ser un experto, mas bien vengo a aprender, pero los que saben no comparten. Que pena!

NUCKLEAR · #6 (**permalink**) 20/12/2010, 12:13

Yo no soy un guru(aunque me falta poco dicen :P)
No hay magia alguna. Solo un iframe con height y width al 100% Eso es factible hacerlo dentro del contenedor, lo que no se puede hasta donde se es darle el 100% de tamaño dependiendo del contenido que tenga al iframe.

Saludos y espero no te decepciones mas que la vida es corta

sentnel · #7 (**permalink**) 20/12/2010, 12:33

Gracias NUCKLEAR ! Gracias por tu aporte, pero se trata de un caso particular, es una pagina en la que Sí han logrado un iframe de 100% altura en enlaces fuera de su dominio, por ejemplo, amazon.com, carga 100% altura, y si sigues dando navegando dentro de amazon en distintos productos la pagina siempre carga en 100% de altura.

Viendo la fuente de la pagina y analizandola hemos encontrado ciertos elementos, como el uso de tablas, tambien agregaron unos estilos a la pagina, etc., pero realmente no desciframos la tecnica utilizada y es por eso que invitamos a que observen la pagina (el website), y a ver si alguien puede descifrar la tecnica y documentarla aqui para todos los otros usuarios que a menudo tratan de obtener estos resultados.

Gracias por animarte, ayudanos!

La pagina en cuestion es: http://www.aeropaq.com/index.php?opt...pper&Itemid=25

NUCKLEAR · #8 (**permalink**) 20/12/2010, 13:50

No se de que tecnica estas hablando pero lo hice en 3.9 minutos.
http://it-media.com.ar/test/iframe.p...p://amazon.com
A menos que te refieras a otra cosa =.=' En ese caso explica mejor...

sentnel · #9 (**permalink**) 20/12/2010, 14:29

Exactamente eso! Como lo hiciste? cual es el truco? Gracias Nucklear!

NUCKLEAR · #10 (**permalink**) 20/12/2010, 15:08

Esta es la formula mágica que ha sido guardada celosamente y que ahora Nucklear ha develado a los ojos de los simples mortales ¬¬

Código PHP:

Ver original<html>
<head>
 
<style type="text/css">
 
html{height:100%}
.wrapper-1{ width:100%; height:100%;}
body{
    font-family:Tahoma, Geneva, sans-serif;
margin:0;
height:100%;
overflow:hidden
}
 
iframe[align=top]{
    vertical-align: top;
 
    }
 
    iframe[frameborder=0]{
 
        border-width:0;
        }
 
    .header{
        height: 100px;
        background-color: #ccc
        }
</style>
</head>
 
 
<body>
 
 
</body>
 
</html>
<table cellpadding=0 cellspacing=0 width="100%" height="100%">
    <tr class="header">
        <td><h1> Header </h1></td>
    </tr>
 
    <tr>
    <td>
    <iframe
    name="iframe"
    src="<?php print $_GET['url'] ?>"
        scrolling="auto"
    align="top"
    frameborder="0"
    class="wrapper-1"> </iframe>
 
    </td>
    </tr>
</table>

sentnel · #11 (**permalink**) 20/12/2010, 15:16

@Nucklear: No solo soy un simple mortal... sino tambien un mortalito inexperto en esto de joomla... mi pregunta va en el sentido de como lo incorporo a mi joomla site, es decir, desde un menu item, que hago? o sea, si hago un menu tipo wrapper, es asi? y de ser asi, que modifico para insertar tu codigo?

Gracias de nuevo!

NUCKLEAR · #12 (**permalink**) 20/12/2010, 15:34

Ahh allí ya me liquidaste, no soy tan perfecto(algún defecto tenia que tener no?).
Saludos. ;)

sentnel · #13 (**permalink**) 20/12/2010, 15:51

jajaja... ta buena esa Nucklear! es que pensaba que tu respuesta se enmarcaba dentro del ambito del foro, es que el problema que planteo es dentro de mi joomla site, en simple html es otra cosa, de todos modos te estoy muy agradecido por tu generosidad y por tratar de aclarme el tema!