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.