Capas div

#1 (**permalink**) 02/02/2011, 08:48

Buenas tardes amigos:

Tengo un problema con las capas DIV, estoy realizando una página donde tengo cuatros capas GLOBAL, CABECERA, MENU Y CONTENIDO

Mi problema es cuando pulse un enlace de la capa MENU quiero que se abra la página que tengo vinculada sobre la capa CONTENIDO, ¿es posible hacerlo?

Una solución que me han comentado es poner un iframe en la capa CONTENIDO, pero si lo hago así cuando la página vinculada es muy grande el ifram aparece el scroll y no queda muy bien porque lo suyo es que se viera todo el contenido en la página sin scroll

¿Podéis echarme una mano?

Ante todo muchas gracias por adelantado

gVenom · #2 (**permalink**) 02/02/2011, 08:54

una posible solucion rapída es que le pongas al height del contenido un valor auto o 100%

#3 (**permalink**) 03/02/2011, 14:31

Muchas gracias por contestar.

Pero creo eso no me vale, le pongo al iframe y a la capa contenido height=100% y el iframe todavia me sale con la barra de scroll.

¿Es posible que cuando pulse un elemento de la capa MENU me abra una página en la capa CONTENIDO?

Por favor una ayuda que me toy volviendo loco buscando y no encuentro nada que me sea útil

Gracias

Whaith · #4 (**permalink**) 07/02/2011, 04:17

Buenas,

Yo también tengo una estructura similar, y con un iframe auto-ajustable lo solucionas seguro. Aqui te dejo el codigo para que se auto-ajuste.

Código HTML:

<script language="JavaScript"> 
          <!--
          function calcHeight()
          {
        //find the height of the internal page
        var the_height=
        document.getElementById('resize').contentWindow.
        document.body.scrollHeight;
        
        //change the height of the iframe
        document.getElementById('resize').height=
        the_height;
        }
        //-->
</script>


<iframe src="noticias.html" name="content" scrolling="no" onLoad="calcHeight();" id="resize" style="padding:10px; margin-top:10px; margin-bottom:10px; text-align: center; width: 700px;" allowtransparency="true">Tu Navegador no está configurado para soportar estos frames</iframe>

El problema que tengo yo es que si luego tienes mas capas <div> dentro de la pagina que abres, dependiendo del navegador, hay atributos de div que no te coge. Si la página que vas a abrir es html pelao... no vas a tener problemas.

Whaith · #5 (**permalink**) 07/02/2011, 04:18

Perdon por el doble post, me habia dado un error.

#6 (**permalink**) 07/02/2011, 16:17

Gracias amigo

He hecho lo que me has dicho, lo único que he sustituido noticias.html por inicio.html.

Cuando abro la página en el iframe no me lo autoajusta, simplemente no me sale la barra de scroll pero no se hace el iframe del mismo tamaño que el de la página

La página que abro no tiene ni capas ni nada, solo tiene un texto

¿Tengo q cambiar algo de codigo para que funcione?

Gracias

Whaith · #7 (**permalink**) 10/02/2011, 03:50

Perdona Javi, se me había olvidado comentarte que el <script> lo metas dentro del <head>.

Espero que te funcione!

#8 (**permalink**) 10/02/2011, 07:47

Ya hice eso, en el mozilla Firefox funciona perfectamente pero en el Internet Explorer no me funciona, me sale un mensajito que hasta que no se da a PERMITIR CONTENIDO BLOQUEADO no te ajusta el iframe. ¿Hay alguna manera de solucionarlo?

De verdad que muchas gracias por ayudarme

MENSAJE QUE DA: Para ayudar a proteger su seguridad, Internet Explorer impidió que esta página web ejecutará scripts o controles Active X que podrían obtener acceso al equipo

jomaruro · #9 (**permalink**) 11/02/2011, 03:23

Hola:

Interpreto que estás trabajando en local, de ahí el mensaje que te envía IE. No hagas caso, en el momento que tengas la web en el hosting, quien acceda a tu página desde IE no verá ese mensaje y se ejecutará el script tal y como te sucede ahora en FF, ¡medidas de seguridad de IE!

Saludos.

#10 (**permalink**) 11/02/2011, 08:15

Pues nada compañeros sólo me queda deciros que muchas gracias por vuestra ayuda.

Saludos para todos