Hola estoy desarrollando una pequeña aplicación en HTML y Jquery, me interesa que sean pestañas con contenido y esto lo estoy intentando desarrollar con Jquery tabs:
[URL="http://jqueryui.com/tabs/"]http://jqueryui.com/tabs/[/URL]
El código sería como este:
Código:
<div id="tabs">
<ul>
<li><a href="#tabs-1">Pestaña 1</a></li>
<li><a href="#tabs-2">Pestaña 2</a></li>
<li><a href="#tabs-3">Pestaña 3</a></li>
</ul>
<div id="tabs-1">
<p>Contenido Pestaña 3.</p>
</div>
<div id="tabs-2">
<p>Contenido Pestaña 2.</p>
</div>
<div id="tabs-3">
<p>Contenido Pestaña 3.</p>
</div>
</div>
Hasta aquí todo bien, pero me interesa especificar el alto en % de la barra de pestañas y del panel de contenido. Mi idea sería que la barra tuviera un 10% y el panel de contenido un 90% para que se vea igual en cualquier resolución. Pero no he conseguido que me haga caso ni en % ni en px. He probado de poner el atributo height=10% en el div, en el un, en el li, en el css... pero nada no consigo cambiar el tamaño de ninguna forma.
Alguien tiene una idea? Le estaría muy agradecido! Gracias!