Dojo's nested BorderContainer disappear in IE

Posted by h4b0 on Stack Overflow See other posts from Stack Overflow or by h4b0
Published on 2012-10-09T10:36:24Z Indexed on 2012/10/11 9:37 UTC
Read the original article Hit count: 204

Filed under:

cross-browser

|

dijit.layout

I have this terrible problem with IE 7/8/9.

I wrote an app using Dojo toolkit 1.8.0 and Play! framework. It works fine in all browser except for IE. Its 'developers tools' show no error, so does firebug. The problematic code section is here:

<div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline'">
    <div data-dojo-type="dijit.layout.ContentPane" id="head" region="top">
    </div>
    <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region: 'center'">
        <div data-dojo-type="dijit.layout.ContentPane" id="menu" region="left">
        </div>
        <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region: 'center'">
            <div data-dojo-type="dijit.layout.ContentPane" id="content_1" region="top">
            </div>
            <div data-dojo-type="dijit.layout.ContentPane" id="content_2" region="bottom">
            </div>
        </div>
    </div>
    <div data-dojo-type="dijit.layout.ContentPane" id="foot" region="bottom">
    </div>
</div>

The result, in all browsers except for IE is like that: good way

But in IE it is shown like that: bad way

Can anyone explain why there are such differences? At first I thought that in IE content is hidden, so I set overflow: auto, but no scrollbar appeared after page load.

© Stack Overflow or respective owner

Related posts about cross-browser

Is there any guidelines to convert Table design to Div design keeping same cross browser compatible

as seen on Stack Overflow - Search for 'Stack Overflow'
Is there any guidelines to convert Table design to Div design keeping same cross browser compatible layout? >>> More
Crossbrowser JS...

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi there all :) Made this nice little loop for hiding and showing div's, works as a charm in firefox and opera, but IE, safari and chrome say's no.... So my question is; why? function theme(nr){ document.getElementById(nr).style.display = "block"; for (i = 0;i <= 28; i++) { if (i != nr)… >>> More
which is the best among jquery,moo tool and yui?

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi Hi among the jquery ,mootool ,yui and glow have crossbrowser compatiblity >>> More
css: Cross-browser, reflowing, top-to-bottom, multi-column lists

as seen on Stack Overflow - Search for 'Stack Overflow'
See http://cssfingerprint.com/about#stats. See also http://stackoverflow.com/questions/933645/multi-column-css-lists. I want a multi-column list that: uses no JS reflows on window size makes as many columns as fit the enclosing element therefore, does not require batching the list into manual… >>> More
cross-browser text shadow..

as seen on Stack Overflow - Search for 'Stack Overflow'
How to get cross-browser text shadow? including IE6, 7, 8. is there any css or js solution? I want to get text-shadow with semantic and valid markup. >>> More

Related posts about dijit.layout

Dojo's nested BorderContainer disappear in IE

as seen on Stack Overflow - Search for 'Stack Overflow'
I have this terrible problem with IE 7/8/9. I wrote an app using Dojo toolkit 1.8.0 and Play! framework. It works fine in all browser except for IE. Its 'developers tools' show no error, so does firebug. The problematic code section is here: <div data-dojo-type="dijit.layout.BorderContainer"… >>> More
How to determine which dijit.layout.AccordionPane is currently selected

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi there, I tried to use "dijit.layout.AccordionPane.selected" to determine if any given AccordionPane is in focus (selected). However, AccordionPane.selected property will be set to "True" once the AccordionPane is selected, and AccordionPane.selected stays as "True" even other dijit.layout.AccordionPane… >>> More
Dojo 1.8: Getting dest.appendChild is not a function while rendering a custom template

as seen on Stack Overflow - Search for 'Stack Overflow'
After adding in the WidgetsInTemplateMixin, I am receiving an error dest.appendChild is not a function In the documentation, it claims that there will be an error if this.containerNode is not able to contain any child objects. However, I have marked the containerNode attachment point for a div… >>> More
Dojo: Programatically setting checkbox label for adding on TableContainer

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi there, after some hours of checking out documentation, I am somewhat desperate: Basically I need to populate a TabContainer with some TextBoxes, and some Checkboxes. All theses neatly arranged: Labels to the left, fields to the right. To have this done I use a TableContainer that I add to the TabContainer… >>> More
dijit style claro not in Google CDN

as seen on Stack Overflow - Search for 'Stack Overflow'
dojo's Theme Tester is Showing theme claro as one available theme in http://archive.dojotoolkit.org/dojo-2010-04-12/dojotoolkit/dijit/themes/themeTester.html?theme=claro But claro is not accessible from Google CDN. I've also tried to use claro from the same place where the ThemeTester is pulling.… >>> More