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