La verdad fue una solucion q no se si esta bien desde el punto de vista del diseño de jack, solo la implemente para probar q se podia hacer.
fue algo sencillo, lo primero el body quedo asi:
<DIV id="blogBody">
<DIV id="innerBody">
<DIV class=hd id="titulo_modulo">Modulo 1</DIV>
<IFRAME id="site" name="site" src="http://google.com.co"
style="WIDTH: 100%; HEIGHT: 100%; PADDING-TOP:
0px; PADDING-BOTTOM: 20px;
background-color:#FFFFFF;" frameBorder=0>
</IFRAME>
</DIV>
</DIV>
1. el div blogBody
2. el div innerBody
3. un div para poner el titulo del modulo q voy a presentar
4. el IFRAME para presentar otra pag manteniendose sobre la misma estructura
esto da la sensacion de q uno no se ha salido de la aplicacion inicial y puedo presentar distintos contenidos
Cuales eran los principales inconvenientes?
1. lo del WIDTH, mantener la relacion de aspectos de los contenedores una vez quitandoles el contenido inicial q tenia la pag de jack.
2. la barra de split o resize, cuando intento resizar el tamaño de la barra de menu docked, hay problemas con el mouse o con el evento.
3. el color del fondo, cuando carga una pag en el iframe si esta contiene elementos combo o select list entre carga y carga se alcanza a ver el color azul del fondo en el lugar donde van esos elementos, es por solo 1 seg pero se alcanza a notar el cambio.
El CSS lo modifique de la siuiente manera.
#blogBody {
OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 100%; POSITION: absolute; TOP: 45px;
}
#innerBody {
overflow: hidden; WIDTH: 100%; HEIGHT: 100%; background-color:#FFFFFF; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 42px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; BORDER-RIGHT: #6593cf 1px solid; BORDER-TOP: #6593cf 1px solid; BORDER-LEFT: #6593cf 1px solid; BORDER-BOTTOM: #6593cf 1px solid
}
Basicamente de las cosas mas importantes fue, los overflow y los WIDTH: 100%; HEIGHT: 100% de los dos div y el PADDING-BOTTOM: 20px del iframe ya q sin esto el iframe se me salia del div q lo contenia y como ese a su vez tiene overflow: hidden entonces no me mostraba todo el iframe
con esto logre solucionar el 1 punto de los inconvenientes, sinembargo el 2 y el 3 no he logrado solucionarlo, pero no son muy importantes porque para el 2 a jack ya tambien le ocurre en ( Creating an AJAX feed viewer using Yahoo! UI and the new Grid Component ) si intentas hacer resize de la navbar cuando esta docked, si lo haces cerca del iframe q contiene el AJAX viewer y mueves el mouse rapido hacia ese lado t ocurre el efecto que me ocurre a mi. es como si el evento se perdiera cuando el mouse se mete o se pasa al campo de iframe, entonces el evento de resize se detiene. bueno esto se soluciona si se hace en un area q no limite con el iframe, por ejemplo al lado del div DIV class=hd id="titulo_modulo">Modulo 1</DIV> q puse arriba.
y el 3 si NI IDEA! I DONT HAVE IDEA! ;-)
creo q esto no funciona bien en fire-fox, ahi les dejo el codigo y la iquietud por si quieren mejorar algo.
NOTA 1. Nada de esto seria posible sin la ayuda y las posibilidades que brinda Jack al permitirnos a todos ver y compartir su codigo. Muchas gracias Jack.
NOTA 2. no pretendo hacer nada distinto con esto diferente ha aprender un poco de diseño, css, html, javascript, div todo eso es muy interesante y solo quiero tomar de ejemplo los codigos de jack y utilizarlos para aprender.
Nota 3. la nueva forum2, plantea algo muy muy muyyyy interesante para la carga de contenido en unos containers o algo asi, la verdad me tiene muy entusiasmado verlo pero no he tenido mucho tiempo para analizarlo, ademas esta muy muy complejo para mi nivel y tendria q estudiarlo mucho para entenderlo.
NOTA 4. Por favor Jack ayudanos a entender el forum2 esta buenisimo pero necesitamos claridad para entenderlo.
NOTA 5. voy a intentar subir el ejemplo q trabaje en algun host para q lo vean ( si jack no tiene ningun problema con esto? )
Gracias a todos y a Jack
si tienes alguna duda no dudes en preguntarme.
saludos, bye!