Hi again Dj Dom:
Cuando aparece o no aparece el "right" no lo puedo controlar porque es
un site muy grande, generado por programación, etc... un lio dificil de
explicar. Pero ten en cuenta que cuando el "right" no aparece es porque
no se construye, no porque tenga un display:none. Por eso os puse los
dos casos en en ejemplo.
Tenemos que suponer no puedo saber cuando va a salir el right o cuando
no lo va a hacer, así que tengo que hacer un "center" que en el primer
caso mida 500px y en el segundo 700px. Pensabe que de alguna manera se
podian usar porcentajes, pero ya estoy que me ahorco porque no lo consigo.
Vamos, que tengo que conseguir un resultado u otro con unas solas
propiedades para el center.
Gracias por tu paciencia
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 [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]
>>
>>
>
>
>
_______________________________________________
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