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
