У меня есть некоторые проблемы с установкой width + height divs A и B (их содержимое генерируется с помощью javascript). Размер этого divs зависит от того, какая вкладка выбрана при обновлении страницы (выбранная вкладка имеет соответствующий размер). Как сделать его более стабильным?
<div id="tabs" class="ui-tabs" style="width:100%;margin:auto;clear:both;padding:auto;">
<ul>
<li><a href="#tabs_0">A</a></li>
<li><a href="#tabs_1">B</a></li>
</ul>
<div id="tabs_0" class="subTab">
<div id="A" style="height: 80%; width: 80%; margin: auto;"></div>
</div>
<div id="tabs_1" class="subTab">
<div id="B" style="height: 45%; width: 45%; margin: auto;></div>
</div>
Вот пример кода, который может вам помочь:
$(function() {
$("#tabs").tabs();
$("#tabs li a").click(function(){
var id = $(this).attr('href');
$(id).css({'height':'200px'})
$(id).css({'width': '700px'})
})
});
Также вы можете посмотреть здесь: http://jsfiddle.net/aaa_borza/3eC9m/9/