Hola gente.
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:
<!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>
No soy experto en CSS pero me defiendo.
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.