Problema con Div y CSS

M

MorGotH #1 May '07

Buenas tardes.

He buscado por Google una posible solucion y no la he encontrado. Supongo que alguien se habra encontrado con algo similar, asi que espero que me podais dar alguna solucion.

El caso es que tengo una web con dos capas, una a la izquierda con un menu y una central con el contenido. La capa del menu tiene un color distinto que el centro y lo que me gustaria es que se alargara hasta el final de la pagina. Es decir, que dependiendo del contenido, el height de la capa varie. He probado con

#MenuLateral {
display:block;
float:left;
width:251px;
height:100%;
background:#0c6500;
padding:39px 0;
}

y con

#MenuLateral{
display:block;
float:left;
width:251px;
background-image:url(../images/fondo_izq.gif);
background-repeat:repeat-y;
padding:39px 0;
}

Pero ninguna de las dos formas me funciona. Espero haberme explicado bien. Muchas gracias

DaveTS #2 May '07

lo que deberías hacer es poner un contenedor con las 2 divisiones dentro, y luego ponerle un height:100%. Si aun asi no te funciona, hay un truquillo que es poner el display:table; asi coge el 100% de la altura.

Espero que te sirva.

M

MorGotH #3 May '07

Gracias por la respuesta, pero sigue sin funcionar. He probado las dos formas y nada, no hay manera.

konkas #4 May '07

asi de memoria sin probar y sin medidas

#contenedor {
position: absolute;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
text-align: center;
}

#contenido {
position: relative;
float: right;
}

#menu {
position: relative;
height: 100%;
float: left;
}

<div id="contenedor">

<div id="contenido">

  <!--menu-->
  <div id="menu">
  </div>
  <!--fin menu-->

</div>

</div>

prueba nose

Usuarios habituales