Mirando por el FAQ de CSS he encontrado este ejemplo: http://www.forosdelweb.com/f53/faqs-css-114830/index3.html#post2593702
Pero por lo que veo me condiciona un poco. Yo quiero 3 columnas, y no quiero definir el tamaño de la página con px, sino con %.
Ahora mismo mi código es el siguiente:
Código:
No soy experto en CSS pero me defiendo.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Columnas equilibradas</title>
<style type="text/css">
body{font:100%;}
#pagina {
}
#cabecera{
background:olive;
width:98%;
height:80px;
}
#cab_izquierda{
float:left;
width:24%;
}
#cab_derecha{
float:left;
width:24%;
}
#cab_centro{
float:left;
width:50%;
}
#pie{
background:olive;
width:98%;
height:40px;
clear:left;
}
#pie_izquierda{
float:left;
width:24%;
}
#pie_derecha{
float:left;
width:24%;
}
#pie_centro{
float:left;
width:50%;
}
#contenido{
height:auto;
}
#izquierda{
float:left;
background:red;
width:24%;
}
#central{
float:left;
background:blue;
width:50%;
}
#derecha{
float:left;
background:red;
width:24%;
}
.clear
{
clear: both;
}
</style>
</head>
<body>
<div id="pagina">
<div id="cabecera">
<div id="cab_izquierda"> </div>
<div id="cab_centro">Cabecera</div>
<div id="cab_derecha"> </div>
</div>
<div id="contenido">
<div id="izquierda">
a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>
</div>
<div id="central">Columna central</div>
<div id="derecha">
a<br/>a<br/>a<br/>
</div>
</div><br class="clear" />
<div id="pie">
<div id="pie_izquierda"> </div>
<div id="pie_centro">Pie</div>
<div id="pie_derecha"> </div>
</div>
</div>
<?php mysql_close($conn);?>
</body>
</html>
Alguien me puede decir como hacerlo para que todas las columnas se vean del mismo tamaño?
El ejemplo en cuestión está sacado de la web: http://www.grafikas.es/web_apuntes/capas.htm
Muchas gracias por adelantado y saludos.
, pero bueno que mas da,,, 
