Que tal estoy trabajando una interfaz a 2 columnas.. y abajo de estas 2 columnas hay una 3ra capa que es mi footer.. ahora bien el contenido de mi primera columna es mayor y hace que la altura sea superior a la columna 2 (ambas tienen alto automatico).
Encontre una opcion que me permite comparar con jquery la altura de las columnas para que siempre la columna 2 (siempre menor) sea igual a la columna 1.. eso es importante ya que mi columna 2 hace que el footer siempre se mantenga en su lugar..
El problema es que como estoy trabajando con id.Tabs.. se me complica esto debido a que al cargar la pagina hace la comparacion y ajusta el tamaño de la segunda columna pero al dar clic a otra tab que incluye un contenido mucho mayor no me actuliza el tamaño de la columna 2.. y el contenido queda sobrepuesto al footer.
estos son mis links
<li><a href="#item1">Concepto</a></li>
<li><a href="#item2">Direccion</a></li>
<li><a href="#item3">Transporte</a></li>
<li><a href="#item4">Infraestructura</a></li>
esta es la primera comparacion que hace y la unica que ejecuta
$(document).ready(function(){
if ($("div#columna").height() > $("div#item1").height()) {
$("div#item1").height($("div#columna").height())
}else{
$("div#columna").height($("div#item1").height())
}
});
lo que ocupo es que al dar clik a item2 o 3 o 4 tambien se compare contra tamaño de columna1 y el tamaño de columna 2 siempre se actualice..
haciendose esto en la misma pagina (sin recargar)
Agradezco su apoyo.
saludos