Hola, NiftyCube no se visualiza en Firefox v2.004 (absolutamente), pero si en IE7.
-- Miguel Flores Franco Pixelperú - Arte y diseño web basado en estándares http://www.pixelperu.net . http://www.limanetwork.com Telf.: (1) 567 7475 . MSN:[EMAIL PROTECTED] "El que nunca se equivoca, es porque nunca hace nada" ----- Original Message ----- From: "David Pardo" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org> Sent: Friday, June 15, 2007 7:57 AM Subject: Re: [Ovillo] diseño a 3 columnas Hola Reynier. Se puede utilizar niftycube sin problemas dentro de cada columna pero no aplicarselo a las columnas en si mismas. El código sería algo así. Necesitarias el JS niftycube.js en el mismo directorio: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Demo tres columnas</title><style> body{ margin:0 auto; background:#ccc; } #contenedor{ overflow:hidden; } #col1{ overflow:hidden; width:20%; float:left; background:#0ff; margin-bottom:-5000px; padding-bottom:5000px; } #col2{ width:60%; float:left; background:#f0f; margin-bottom:-5000px; padding-bottom:5000px; } #col3{ background-color:yellow; width:20%; float:left; background:#ff0; margin-bottom:-5000px; padding-bottom:5000px; } #pie{ height:40px; clear:both; float:none; background-color:black; color:white; width:100%; } div#box{width: 90%;padding: 20px;margin:0 auto; background:#f00;color:#000} .caja{ background:#0f0; padding:10px; } </style> <script type="text/javascript" src="niftycube.js"></script> <script type="text/javascript"> function fillthescreen(){ winH = windowHeight(); //This returns the screen heigth heightNeeded=winH-40; //We need to substract the footer height if( typeof( window.innerWidth ) != 'number' ) { //Explorer doesn't recognize minHeight document.getElementById('col1').style.height=heightNeeded+'px'; //So, we use height (and explroer bug) } document.getElementById('col1').style.minHeight=heightNeeded+'px'; //For every other browser, we use minHeight } function windowHeight(){ var alto= 0; if( typeof( window.innerWidth ) == 'number' ) { alto= window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { alto= document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { alto= document.body.clientHeight; } return alto; } window.onload=function(){ fillthescreen(); Nifty("div#box","big"); Nifty("div#caja1","big"); Nifty("div#caja2","big"); Nifty("div#caja3","big"); } </script> </head> <body> <div id="contenedor"> <div id="col1"> <div id="caja1" class="caja"> rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br /> </div> <br /> <div id="caja2" class="caja"> rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br /> </div> <br /> <div id="caja3" class="caja"> rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br /> verde </div> </div> <div id="col2">azul<br />azul<br /><div id="box">Hola pollo</div> azul<br />azul<br />azul<br />azul<br />azul<br />azul<br />azul<br />azul<br />azul<br />azul<br />azul<br />azul<br />azul<br />azul<br />azul<br />azul<br />azul<br />azul<br />azul<br />azul<br />azul<br />azul<br /></div> <div id="col3">amarillo<br />amarillo<br />amarillo<br />amarillo<br />amarillo<br /></div> </div> <div id="pie">pie<br />pie</div> </body> </html> Reynier Perez Mira escribió: > Hola David: > Está super eso que nos has dejado, mejor creo que no he encontrado alguno. > Tengo una duda al respecto. Yo estoy usando la librería NiftyCube [1] para > redondear las esquinas de los DIV y cosas por el estilo. ¿Es posible > seguir usandola luego de aplicar tus técnicas? > > Salu2 > Reynier Pérez Mira > 5to. año Ing. Informática > Universidad de las Ciencias Informáticas >> -----Original Message----- >> From: [EMAIL PROTECTED] [mailto:ovillo- >> [EMAIL PROTECTED] On Behalf Of David Pardo >> Sent: Friday, June 15, 2007 5:21 AM >> To: Ovillo, la lista de CSS en castellano >> Subject: Re: [Ovillo] diseño a 3 columnas >> >> Anoche me precipité. Estuve traduciendo loscomentarios del código y metí >> la pata (me dejé puesto un co11 en vez de un col1 -una l por un uno-). >> Ya está arreglado. >> >> ListaCss escribió: >>> hay que ponerle un width, creo >>> ----- Original Message ----- >>> From: sn >>> To: Ovillo, la lista de CSS en castellano >>> Sent: Friday, June 15, 2007 10:56 AM >>> Subject: Re: [Ovillo] diseño a 3 columnas >>> >>> >>> he probado el archivo final de tu blog en ie6 y algo falla, el pie no >> queda >>> pegado al margen inferior del navegador. voy a hecharle un ojo haber >> que >>> ocurre... >>> _______________________________________________ >>> Lista de distribución Ovillo >>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >>> _______________________________________________ >>> Lista de distribución Ovillo >>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> _______________________________________________ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
