Controlar anchos en diseños variables de 2 a 3 columnas

[Tigervlc]

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.

[PrendekZ]

Si quieres que sean fijos..

#left {
float:left;
width:200px;
}

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

#right {
float:left;
width:200px;
}

para que sea centrado coloca otra div que se llame "contenedor" y haz lo siguiente con el CSS:

#contenedor {
width:920px;
margin: 0 auto;
}

todas las otras divs debén estar adentro de la div "contenedor"

el ancho de las 3 columnas sumalas, y si es mayor a el del contenedor sube el del contenedor para no tener problemas.


saludos