Es que no sabes cuando va a aparece o no tu "right", pero algún evento hace que aparezaca o desaparesca, si es por parametros de urls puedes usar condicionales del lenguaje que uses para aplicar una u otra clase, si el efecto de esconder el "right" es con javascript pues lo haces con este mismo lenguaje para cambiar la clase....
Creo que eso depende más del evento que ha de provocar la visibilidad de la colunma "right" o la esconda.... Un tonto ejemplo: http://www.dj-dom.net/web/ Tambien puedes ver que en mi sitio al darle a "leer más" hace lo que quieres. (Pero lo hace aplicando clases con condicionales PHP). Saludo, DJ-Dom 2006/7/25, Juan Dárien <[EMAIL PROTECTED]>: > la plantilla CITRUS de wordpress no tiene menu de navegacion a los > costados cuando estas en la pagina principal, pero cuando entras en > algun post o pagina estatica un menu a la derecha aparece (llamado > por el get_sidebar) .... quizas deverias pensar en hacer dos paginas > diferentes.. > > osea un "index" con los dos menus (izquierdo y derecho) y otra solo > con el menu izquierdo y con el famoso ancho de 700px. que se llame por > ejemplo "pagina (html o php)". > > serviria mucho mas si s`piesemos si estas usando php o html y en que > casos especificos el menu de la derecha va a desaparecer. (si al > entrar en alguna nota o en que momento) > > saludos... juandarien > > El 25/07/06, Javier Prieto<[EMAIL PROTECTED]> escribió: > > Te puedo poner como un ejemplo de cuando ocurre algo similar aunque no > > tenga mucho que ver > > > > Si tu tienes un párrafo de texto estirado al 100% del navegador e > > introduces en él una imagen con float:left... el texto se encoje para > > dejar sitio a la imagen ¿verdad? > > > > Y si borramos la imagen, el texto se vuelve a estirar. > > > > Algo parecido es lo que quiero pero con la estructura del ejemplo que os > > mandé > > > > > > DJ-Dom escribió: > > > Hola Javier dime algo, como piensas cambiar el tamaño de "central"? > > > > > > Porque si lo que quieres es llevarla de 500px a 700px puedes hacer dos > > > clases sencillas: > > > > > > .center_500{ > > > width: 500px; > > > } > > > > > > .center_700{ > > > width: 700px; > > > } > > > > > > Y segun cargue tu página le coloca la clase que quieras, tambien > > > puedes aplicarle un display: none; a "right".... o eliminarlo > > > definitivamente en la página donde no necesites mostralo.... > > > > > > Saludo, > > > DJ-Dom > > > > > > El 25/07/06, DJ-Dom<[EMAIL PROTECTED]> escribió: > > > > > >> Hola Javier... > > >> > > >> Has una prueba: > > >> > > >> padding: 0 0 0 200px; /* "right" visible */ > > >> > > >> padding: 0 0 0 0; /* "right" no visible */ > > >> > > >> Saludo, > > >> DJ-Dom > > >> > > >> El 25/07/06, Javier Prieto<[EMAIL PROTECTED]> escribió: > > >> > > >>> Diossssss, tal como está el código que te mandé si le pongo > > >>> > > >>> padding: 0 0 0 200px; > > >>> > > >>> No funciona.... te ruego, te suplico, te imploro que si lo has > > >>> conseguido me pases el codigo > > >>> > > >>> Gracias por el interés > > >>> > > >>> DJ-Dom escribió: > > >>> > > >>>> Hola Javier, > > >>>> > > >>>> Prueba a aplicarle a "center" > > >>>> > > >>>> padding: 0 0 0 ANCHO_DE_LEFTpx; > > >>>> > > >>>> Saludo, > > >>>> DJ-Dom > > >>>> > > >>>> El 25/07/06, Javier Prieto<[EMAIL PROTECTED]> escribió: > > >>>> > > >>>> > > >>>>> He creado un ejemplo sencillo en local porque no tengo url que pasaros > > >>>>> > > >>>>> He puesto dos ejemplos, uno con el div "right" y otro sin él. > > >>>>> Lo que quiero conseguir es que el div "center" se estire en el segundo > > >>>>> caso ocupando el espacio dejado por "right" > > >>>>> > > >>>>> <!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=iso-8859-1" /> > > >>>>> <title>Prueba de DIV CENTRAL fluido</title> > > >>>>> <style> > > >>>>> #contenedor { > > >>>>> position: relative; > > >>>>> width: 900px; > > >>>>> margin-top: 0px; > > >>>>> margin-right: auto; > > >>>>> margin-bottom: 0px; > > >>>>> margin-left: auto; > > >>>>> background-color: #CCCCCC; > > >>>>> } > > >>>>> #left { > > >>>>> float: left; > > >>>>> width: 200px; > > >>>>> background-color: #000099; > > >>>>> } > > >>>>> #center { > > >>>>> float: left; > > >>>>> min-width: 500px; > > >>>>> max-width: 700px; > > >>>>> width: auto !important; > > >>>>> background-color: #006600; > > >>>>> } > > >>>>> #right { > > >>>>> float:right; > > >>>>> width: 200px; > > >>>>> background-color: #990000; > > >>>>> } > > >>>>> </style> > > >>>>> </head> > > >>>>> > > >>>>> <body> > > >>>>> <!-- Prueba de poner un layout de 3 columnas donde la del medio es > > >>>>> fluida para que en el caso de que la derecha desaparezca, la central > > >>>>> se > > >>>>> estire para ocupar su lugar --> > > >>>>> <div id="contenedor"> > > >>>>> <div id="left"> </div> > > >>>>> <div id="center"> </div> > > >>>>> <div id="right"> </div> > > >>>>> <div style="clear:both"></div> > > >>>>> </div> > > >>>>> <br /><br /> > > >>>>> <div id="contenedor"> > > >>>>> <div id="left"> </div> > > >>>>> <div id="center"> </div> > > >>>>> <div style="clear:both"></div> > > >>>>> </div> > > >>>>> </body> > > >>>>> </html> > > >>>>> > > >>>>> > > >>>>> Hugo A. Valencia escribió: > > >>>>> > > >>>>> > > >>>>>> Hola Javier, > > >>>>>> > > >>>>>> El 25/07/06, Javier Prieto<[EMAIL PROTECTED]> escribió: > > >>>>>> > > >>>>>> > > >>>>>> > > >>>>>> > > >>>>>>> Estoy diseñando un site de 3 columnas. > > >>>>>>> > > >>>>>>> La izquierda y central con float:left y la derecha con float:right. > > >>>>>>> El izquierdo y derecho miden 200px y el central 500px (el ancho > > >>>>>>> total es > > >>>>>>> de 900px). > > >>>>>>> > > >>>>>>> El problema viene porque quiero a veces mostrar y ocultar la > > >>>>>>> columna de > > >>>>>>> la derecha, pero claro y lógico, la columna central no se escala > > >>>>>>> porque > > >>>>>>> tiene un tamaño fijo de 500px. > > >>>>>>> > > >>>>>>> Queria saber si es posible maquetar esto de las 3 columnas, pero de > > >>>>>>> forma que al ocultar la columna de la derecha, el central se me > > >>>>>>> estire y > > >>>>>>> pase a medir 700px. > > >>>>>>> > > >>>>>>> > > >>>>>>> > > >>>>>> podrías mandar la dirección donde estás probando la página, > > >>>>>> o en su defecto, copiar-pegar el código HTML y la hoja > > >>>>>> de estilos que estás usando. > > >>>>>> Creo que te podríamos dar una respuesta más apropiada. > > >>>>>> > > >>>>>> Gracias desde ya. > > >>>>>> > > >>>>>> > > >>>>>> > > >>>>>> > > >>>>> _______________________________________________ > > >>>>> 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://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://ovillo.org/mailman/listinfo/ovillo > > >>> > > >>> > > >> -- > > >> www.dj-dom.net > > >> [EMAIL PROTECTED] > > >> > > >> > > > > > > > > > > > > > _______________________________________________ > > 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://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://ovillo.org/mailman/listinfo/ovillo > -- www.dj-dom.net [EMAIL PROTECTED] _______________________________________________ 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://ovillo.org/mailman/listinfo/ovillo
