Pestañas de la IU de Jquery con la misma altura

Question

Quiero utilizar las pestañas de la IU de Jquery para crear tres pestañas que contengan el mismo área de contenido. El tamaño del área de contenido parece depender del contenido. ¿Cómo lo fuerzo para que las tres pestañas tengan el mismo tamaño de área de contenido para que pueda usar una altura del 100% para el contenido y que llenen todo el espacio disponible?

Gracias!

Answer 1

Si tiene una altura específica en mente, entonces puede especificar esa altura en el .ui-tabs-panel s apropiado. HTML dada así:

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">One</a></li> 
     <li><a href="#tabs-2">Two</a></li> 
     <li><a href="#tabs-3">Three</a></li> 
    </ul> 
    <div id="tabs-1"> 
     <!-- ... --> 
    </div> 
    <div id="tabs-2"> 
     <!-- ... --> 
    </div> 
    <div id="tabs-3"> 
     <!-- ... --> 
    </div> 
</div> 

entonces se podría hacer todos los paneles de 200px de altura con:

#tabs .ui-tabs-panel { 
    height: 200px; 
    overflow: auto; 
} 

Demostración: http://jsfiddle.net/ambiguous/SQu6K/