Güenas: Definitivamente me explico mal...... lo que quiero conseguir DJ Dom es que en mi site se puede dar una de las posibilidades.. o está el right... o no está.... y lo que quiero es que el div verde "center" se estire en el segundo caso....
snif snif.... esto me puede Gracias de todas formas DJ-Dom 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 [email protected] >>>> 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 [email protected] >> 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 [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
