2012-02-16 11 views
3

私はdojo TabContainerを持つウェブサイトを持っています。 Dojoライブラリを1.2からそれ以降のバージョンにアップグレードしようとしていました。私の道場のTabContainerがとてもうんざりしている理由は何ですか?

1.5では問題が発生しました。

これは、TabContainerがFFで1.5のように見え、すべてのブラウザで以前のバージョンでどのように見えたかです。 (IE、クローム、サファリ)1.5で

Yay Firefox

が、これはこれらの矢印ボタンがどこから来ている、私は理解することはできませんIE9

Boo IE

のように見えるものです。スタイリングとマークアップは変更されていません。私はdojoライブラリを交換しました。ここで

は、コードは次のとおりです。

<asp:Repeater ID="TabRepeater" runat="Server"> 
    <HeaderTemplate> 
     <div dojoType="dijit.layout.BorderContainer" gutters="false" style="width:600px"> 
     <div dojoType="dijit.layout.TabContainer" style="width:600px; height:350px"> 
    </HeaderTemplate> 
    <ItemTemplate> 
     <div dojoType="dijit.layout.ContentPane" style="display:none; height:300px" title="<%#Eval("Name")%>"> 
     <!-- Content --> 
     </div> 
    </ItemTemplate> 
    <FooterTemplate> 
     </div> <!-- End Tab Container --> 
     </div> <!-- End Border Container --> 
    </FooterTemplate> 
</asp:Repeater> 

それは私がコンテナのサイズを定義した、かなり基本的なのです。なぜこれらのスクロールボタンが消えないのか分かりません。 Firefox

IE9:何 IE9

任意のアイデア、これは彼らのdocumentation siteもIE9

FFは動作しませんので、私のコードを持つまたはタブコンテナに問題がある場合、私はわからないんだけど違う?

答えて

1

Dojo 1.5は正式にIE9と互換性がありません。互換性が正式に部分的に道場1.6.xのからサポートされていて、道場の1.7.xと互換性が完全はまた

、私はASPについて多くを知らないことになっているが、これは良い練習のように見えない

閉じられていないdivを囲む(このタグは消え、任意のHTMLに置き換えされていない場合を除く)、「タグ」を持っている
<HeaderTemplate> 
    <div dojoType="dijit.layout.BorderContainer" gutters="false" style="width:600px"> 
    <div dojoType="dijit.layout.TabContainer" style="width:600px; height:350px"> 
</HeaderTemplate> 

...

+0

FooterTemplateはdivを閉じます。しかし、答えをありがとう。私はアップグレードを続け、問題が解決することを希望します。数日後に他に誰も提案がない場合は、私はこの回答を受け入れます。 – Brandon

+0

dojoを1.6にアップグレードするまでIE8互換モード*でIE9を実行する必要がありました。 Dojo 1.5には明らかにie9の問題がありました。 – mtyson

0

私はdojo 1.10.4を使用して、同じ問題がありました。私はasp.netを使用していませんでした。

私は性質useMenuTabContainerクラスのuseSlider設定することで、これを解決:David Walsh

var container = new TabContainer(
    { 
    style: 'height: 100%; width: 100%;', 
    useMenu: false, 
    useSlider: false 
    }, domConstruct.create('div')) 

感謝を。

関連する問題