bueno he realizao unos cambios al código y más o menos funciona.. tengo un pequeño problema y es que los laterales quedan un pelo más grandes que el contenido.. lo he solucionado con esto:
Código:
if(columna1<columna2)
{
document.getElementById("izq").style.height=columna2-2;
document.getElementById("der").style.height=columna2-2;
}
en principio funciona el código final quedaria asi..
Código:
<html>
<head>
<link rel="stylesheet" href="haha.css" type="text/css">
<script language="javascript">
<!--
function columnas()
{
columna1=document.getElementById("izq").offsetHeight;
columna2=document.getElementById("contenido").offsetHeight;
if(columna1<columna2)
{
document.getElementById("izq").style.height=columna2-2;
document.getElementById("der").style.height=columna2-2;
}
}
//-->
</script>
</head>
<body onload="columnas()">
<div id="contenedor">
<div id="izq">
</div>
<div id="contenido">
jejeje<br><br><br><br><br><br>ajejaejea<br><br><br><br><br>jaoefjaeofjaeof<br><br><br><br><br><br><br><br>ajejaejea<br><br><br><br><br>jaoefjaeofjaeof<br><br><br><br><br><br><br><br>ajejaejea<br><br><br><br><br>jaoefjaeofjaeol<br><br><br><br><br><br>jeje<br><br>
</div>
<div id="der">
</div>
</div>
</body>
</html>
Código:
* { margin: 0;
padding:0;
}
#izq
{
width:9%;
height:20px;
border: 1px solid black;
float: left;
}
#contenido {
width: 80%;
height:auto;
border: 1px solid black;
float:left;
}
#der {
width:10%;
height: 100%;
border: 1px solid black;
float:left;
}
#contenedor {
width:100%;
height:auto;
}
#body { text-align:center; margin:auto;}
acepto criticas, ideas, animales de compañia y todo lo que os ocurra.. un saludo