bien llevo dias viendo formas de hacer columnas iguales.. sobre todo en css sin encontrar una solución que me vaya bien he decidido pasar al js...
y he hecho algo parecido a esto:
básicamente lo que hago es comparar una columna lateral con el contenido y si el contenido és más grande asignarle el mismo tamaño a los laterales.. no acaba de furrular y el contenedor tampoco crece si le sobrepasa el contenido.
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;
document.getElementById("der").style.height=columna2;
}
}
//-->
</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>jaoefjaeofjaeof<br><br>
</div>
<div id="der">
</div>
</div>
</body>
</html>
os dejo el css también:
Código:
#izq
{
width:10%;
height:1000px;
border: 1px solid black;
float: left;
}
#contenido {
width: 70%;
height:100%;
border: 1px solid black;
float:left;
}
#der {
width:10%;
height: 100%;
border: 1px solid black;
float:left;
}
#contenedor {
width:100%;
height:100%;
text-align: center;
border:1px solid black;
}
bueno acepto cualquier tipo de ayuda ya sea css, js, o lo que sea pero en css la verdad las soluciones que he visto a parte de que no he conseguido que funcione ninguna no me acaban de gustar porqué no las puedo adaptar como quiero.