Estoy currandome una web y me ha surgido un problemilla de diseño. El problema es el siguiente: la pagina está dividida mediante div en dos: el div Left y el div Right. En el Left tengo la navegacion de la web y en el Right el contenido. Pues bien, yo quería que hubiese una línea que separase ambos div, así que, mediante CSS le he puesto al div Left lo siguiente:

1

border-right: 1px solid black;

Y esto funciona siempre y cuando la height de la Left sea mayor que la de la Right, pero si la de la Right es mayor la línea solo abarca la altura de la Left. Así que lo que he hecho es modificar esta height mediante javascript para que en caso de que la Left sea menor, tenga el tamaño de la Right:

1
2
3
4
5
6

var heightR = document.getElementById('Right').offsetHeight;
var heightL = document.getElementById('Left').offsetHeight;
if(heightL<heightR)
{
  document.getElementById("Left").style.height=heightR;
}

Como podeis ver primero cojo el valor de la Height de ambos div. Para conocer este valor utilizo lo siguiente:
element.offsetHeight
Y luego ya con un simple if compruebo si es menor, y en caso de serlo le doy el valor de la Right y todos tan contentos ;p

IBZArgazkiak es una pequeña aplicación web realizada en PHP que creamos (aprisa y corriendo, ya que solo tuvimos un par de días para hacerlo) Zuriñe y yo para subir las fotos del Nafarroa Oinez 2009 de Etxarri-Aranatz. Lo podeis bajar desde aquí.

IBZArgazkiak screenshot