Hola
Estoy haciendo pruebas y no consigo resolver lo que quiero hacer.
Quiero tener tres columnas, una en la izquierda, otra en la derecha, y la del medio centrada entre las dos, y a medida que escale la pagina se espacien o contraigan.
Tengo el siguiento codigo:
Código:
<!DOCTYPE html>
<html>
<head>
<link href="estilo.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="main">
<div id="left" class="column"></div>
<div id="center" class="column"></div>
<div id="right" class="column"></div>
</div>
</body>
</html>
CSS
Código:
.column{
width: 200px;
height: 400px;
}
#left{
background-color:#F00;
float: left;
}
#center{
background-color:#0F0;
float: left;
margin: 0 auto;
}
#right{
background-color:#00F;
float: right;
}
Me podéis ayudar a conseguir este efecto,
muchas gracias!