Saludos.
Ya sé que hay varios hilos sobre este tema. He estado viéndolos y mi código coincide con lo que he visto. Pero no funciona. Presupongo que debe ser alguna tontería de la que no me doy cuenta.
El objetivo es hacer que un div cambie de altura según la altura de la ventana del navegador, sobre la marcha( esto quiere decir que si el usuario hace más pequeña la ventana el div active el auto scroll, pero a eso aún no he llegado).
Tengo este div:
Código:
<div id="lateral">
<ul>
<li>Para menú</li>
<li>Para menú</li>
<li>Para menú</li>
</ul>
</div>
Con este estilo:
Código:
#lateral{
width: 18%;
background-color: #ffffcc;
padding: 1%;
/*overflow: auto;*/
height: 300px;
float: left;
}
Estas son las llamadas a los scripts de js en head:
Código:
<script type="text/javascript" src="sinframes.js"></script>
<link type="text/css" rel="stylesheet" href="sinframes.css" />
<script type="text/javascript">window.onload=alturalateral;</script>
Y esta la funcion:
Código:
function alturalateral(){
var h = window.innerHeight;
var hlateral = document.getElementById('lateral');
var hhlateral = hlateral.style.height;
}
En el navegador hago el debug paso a paso de esta tonta función y me dice que el valor de la variable hhlateral = ''
No tengo ni idea de qué falla, a ver si alguna neurona preclara me da luz.
Gracias por adelantado.