Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/02/2010, 18:09
Tigervlc
 
Fecha de Ingreso: mayo-2003
Mensajes: 527
Antigüedad: 20 años, 10 meses
Puntos: 3
Controlar anchos en diseños variables de 2 a 3 columnas

Hola, quisiera saber si hay alguna forma usando únicamente CSS para controlar lo siguiente:

En una web de páginas PHP, hay opciones de menu que muestran un diseño de tres columnas, anchos:(left:25%, main:50%, right:25%), y otras que muestran solo las dos primeras (left:25%, main:75%).

Como asignando simplemente con los primeros porcentajes, el diseño a dos columnas quedaría comprimido con el espacio sobrante de la columna derecha vacío, pensé en esta otra posible solución, que no me da resultado:

Código HTML:
#left {
     float:left;
     width:25%;
}

#main {
     float:left;
     min-width:50%;
     max-width:75%;
}

#right {
     float:left;
     width:25%;
}
Como digo no me da resultado. Lo único que se me ocurre es mediante PHP, asignar al contenedor de las columnas bien id="dos-col", o bien id="tres-col" dependiendo de la opción elegida y el diseño que le corresponde, y hacer en CSS:

Código HTML:
#dos-col #main {
     float:left;
     width:75%;
}

#tres-col #main {
     float:left;
     width:75%;
}
aparte de los estilos para #left y #right que no variarían.

Alguien sabe de una opción mejor? A ser posible sin que haga falta programación, solo CSS, y si no, cualquier otra opción más idónea que la que he puesto.