Ver Mensaje Individual
  #5 (permalink)  
Antiguo 06/03/2007, 15:32
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Re: Ancho variable de 1 de 3 columnas

Veamos:
como vés, el truco está en que las dos columnas de los lados tengan un ancho definido y estén flotadas, y la del centro no. Una columna que no está flotada, si no tiene un ancho definido ocupa todo el ancho de la línea en la que está, y no permite que otras se pongan a su lado, obligando a éstas a saltar a la siguiente línea.

De esa manera, si ponemos izquierda--centro--derecha, tenemos que la izquierda aparece en la primera línea, la del centro ocupa todo el resto de espacio disponible en su línea, y como no está flotada, obliga a que la de la derecha baje a la siguiente línea (en horizontal).

¿Cómo se arregla esto? Muy sencillo: colocamos la columna de la derecha (flotada), después la de la izquierda (también flotada) que se coloca en la misma línea, y después la del centro, que como las otras dos están flotadas le permiten colocarse en la misma línea que ellas, y al no estar flotada ni tener ancho definido, ocupa todo el espacio que queda disponible.

Lógico y sencillo, ¿no?

Espero haberme explicado bien.

Mikel.