Hola estoy maquetando un proyecto a 3 columnas, el punto es que necesito que la columna central siempre tenga un tamaño fijo: 1024px y las columnas izquierdas y dercha se puedan estirar dependiendo la resolucion; estoy haciendo una prueba así.
Código HTML:
<div id="container1">
<div id="col1">Column 1</div>
<div id="col2">Column 2</div>
<div id="col3">Column 3</div>
</div> Con el siguiente css:
Código HTML:
#container1 {
float:left;
width:100%;
}
#col1 {
float:left;
width:30%;
background:red;
}
#col2 {
float:left;
width:40%;
background:yellow;
}
#col3 {
float:left;
width:30%;
background:green;
}
El problema es que como todas las columnas están definidas en porcentaje, si cambio la resolucion entonces todo crece en proporcion.