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 > -- www.dj-dom.net [EMAIL PROTECTED] _______________________________________________ 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
