2

以下はFirefoxで動作します。

<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％">
{tabContentの行の％％}
  <div id = "{{row.0}}" dojoType = "dijit.layout.ContentPane" title = "{{row.1}}">
    {％は行を含みます。2％}
    </ div>
{％endfor％}
</ div>
</ div>

しかし、すなわち、それは表示されません。外側のdivでcssを取り出すと、機能します。

私も試してみました

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

そしてそれはうまくいきます。cssがieのTabContainerのレンダリングを台無しにする理由を誰かが知っていますか？または、TabContainerがウィンドウのスペースのみを占めるようにするためのより良い方法はありますか（2つのスクロールバー（1つはコンテナー用、もう1つはブラウザー用）がないようにするため）？ありがとう。

4

1 に答える 1

1

IEのどのバージョンですか？

次のCSSルールを追加してみてください：html、body {高さ：100％; 幅：100％; マージン：0; パディング：0; }

もう1つできることは（手間がかかるように見えるかもしれませんが）、最上位要素としてBorderContainerを使用し、region="center"部分としてTabContainerを使用することです。

<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>

私はMacのようにIEでこれを試すことはできないと告白しますが、最近dijitレイアウトをたくさんやっていて、このようなものはうまくいくはずです。

于 2009-08-13T23:53:20.823 に答える