Variar altura de un object

[veltrox]

Buenas tardes, soy nuevo en este foro, llevo varias horas leyendo y no consigo una solución a mi problema, estoy empezando a pensar que no se puede hacer. Os comento, en mi web tengo este código:

<object id="principal" type="text/html" data="inicio.html">

desde la css le asigno esto

#contenido #principal{
float: left;
width: 760px;
margin: 0 0 10px;
}

hasta aquí todo funciona correctamente el problema lo tengo con la altura (height) del object, no quiero asignarle un valor fijo quiero que la altura se ajuste en base a la altura de la web que estoy abriendo dentro.

¿Es esto posible?

Espero podáis ayudarme.

[PHPeros]

Los archivos html jamás se incluyen como objeto externo al contenido del archivo...
Respecto al css puedes darle un porcentaje o un height mínimo o máximo según tus necesidades.

[veltrox]

Iniciado por PHPeros

Los archivos html jamás se incluyen como objeto externo al contenido del archivo...
Respecto al css puedes darle un porcentaje o un height mínimo o máximo según tus necesidades.

Me he perdido...

no puedo tener un html dentro de otro html con un object type="text/html" y ajustar el tamaño de este object en relación al html que se está abriendo dentro?

[PHPeros]

Estaba pensando en otra cosa... Eso es correcto pero no le veo mas uso que copiar y pegar el código que se encuentra en esa URL.

[veltrox]

Iniciado por PHPeros

Estaba pensando en otra cosa... Eso es correcto pero no le veo mas uso que copiar y pegar el código que se encuentra en esa URL.

La idea es tener un menú con 5 o 6 opciones, cada una de ellas cambiara la web que se carga en el object y cada una de ellas tendrá una altura diferente, la idea es que al cargar cada web se actualice la altura del object adaptándose a la web que se ha cargado.

[PHPeros]

Sabes javascript? Si no no te meto en ello...

[veltrox]

Algo, hace ya tiempo esto me paso con un iframe y lo solucione así

function alturaInferior()
{
var altura=document.getElementById('cuerpo').contentWi ndow.document.body.scrollHeight;
document.getElementById('cuerpo').height=altura;
scrollTo(0,0);
}

en el onload del iframe cargaba la función.


Lo he estado intentando adaptar al object pero los resultados no han sido los esperados.

[PHPeros]

La mejor idea son los iframes pero respecto a tu code me pareace que falla con chrome y mozilla.... Pero si tú mismo sabes el tamaño de esos 6 iframes puedes hacer una funcion para cada uno con el height que consideres ideal...

[veltrox]

Efectivamente falla, lo que comentas es otra opción, pero tendré que estar pendiente si modifico algo de modificar la altura, por eso estaba intentando hacerlo de forma automática.

[PHPeros]

Has probado con:

Código Javascript:

.contentDocument.documentElement.scrollHeight;
 

Eso si que funciona