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

3 Comments

• 

  By Pedro Laguna, June 18, 2010 @ 1:00 pm

  Y si en lugar de establecer el valor al div de la izquierda se lo estableces al de la derecha? No soy un experto en CSS, lo mismo no funciona, pero por probar… :)
• 

  By Ander, June 18, 2010 @ 11:37 pm

  Es lo primero que hicimos, y funciona siempre y cuando el height de la derecha sea mayor que el de la izquierda, pero si es menor la linea no llegaría hasta el final.
• 

  By credit loans, July 8, 2010 @ 2:38 am

  All people deserve very good life and mortgage loans or collateral loan will make it much better. Just because freedom depends on money state.

Other Links to this Post

RSS feed for comments on this post. TrackBack URI

Leave a comment