Dojo TabContainer с укладкой в ​​Internet Explorer

Question

следующие работы в светлячок:

 
< div style="position:absolute;top:0px;margin-top:60px;bottom:0px;width:100%"> 
< div id="mainTabContainer" dojoType="dijit.layout.TabContainer" style="width:100%;height:100%"> 
{% for row in tabContent %} 
    < div id="{{row.0}}" dojoType="dijit.layout.ContentPane" title="{{row.1}}"> 
    {% include row.2 %} 
    < /div> 
{% endfor %} 
< /div> 
< /div> 

, но в то оно не отображается. Когда я вынимаю css на внешний div, он работает.

Я также попытался просто

 
< div style="position:absolute;top:0px;margin-top:60px;bottom:0px;width:100%"> 
< div style="width:100%;height:100%"> 
asdf 
< /div> 
< /div> 

и работает отлично. Кто-нибудь знает, почему css будет испортить рендеринг TabContainer в i.e? Или есть лучший способ убедиться, что TabContainer занимает только пространство окна (чтобы не было двух полос прокрутки - один для контейнера и один для браузера)? Благодарю.

Answer 1

Какая версия IE?

Попробуйте добавить следующее правило CSS: html, body {height: 100%; ширина: 100%; margin: 0; заполнение: 0; }

Другая вещь, которую вы могли бы сделать (хотя это может показаться тяжелой), имеет BorderContainer как ваш элемент верхнего уровня и имеет TabContainer как часть region = "center".

<div dojoType="dijit.layout.BorderContainer" style="width:100%;height:100%"> 
    <div dojoType="dijit.layout.ContentPane region="top" style="height:60px"> 
     ... 
    </div> 
    <div dojoType="dijit.layout.TabContainer region="center"> 
     ... 
    </div> 
</div> 

Признаюсь, я не могу попробовать это в IE, как утра на Mac, но делали нагрузки макета Dijit в последнее время и что-то, как это должно работать.