Dojo TabContainer со стилем в Internet Explorer - PullRequest
Новая
       25

Dojo TabContainer со стилем в Internet Explorer

2 голосов
/ 30 июля 2009

Следующие работы в Firefox: 

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

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

Я тоже попробовал просто 

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

и это прекрасно работает. Кто-нибудь знает, почему CSS испортит рендеринг TabContainer в т. Е.? Или есть лучший способ убедиться, что TabContainer занимает только пространство окна (чтобы не было двух полос прокрутки - одна для контейнера и одна для браузера)? Спасибо.

1 Ответ

1 голос
/ 14 августа 2009

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

Попробуйте добавить следующее правило CSS: html, body {height: 100%; ширина: 100%; поле: 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, и что-то подобное должно работать.

...