私は BorderContainer を使用して、内部で領域スタイルを利用していくつかの ContentPanes を呼び出そうとしています。ただし、次のようなコードに問題があります。
function getWindowContent(graphic) {
var bc = new dijit.layout.BorderContainer({
style: "width:600px;height:600px;background-color:lightblue;"
}, dojo.create("div"));
//display attribute information1
var german = new dijit.layout.ContentPane({
region: "leading",
content: "<p>Hallo Welt!</p><p>info</p><p>info</p><p>info</p>"
}, dojo.create("div"));
//display attribute information2
var french = new dijit.layout.ContentPane({
region: "center",
content: "<p>Bonjour tout le monde!</p><p>info</p><p>info</p><p>info</p>"
}, dojo.create("div"));
//display attribute information3
var english = new dijit.layout.ContentPane({
region: "trailing",
content: "<p>Hello World!</p><p>info</p><p>info</p><p>info</p>"
}, dojo.create("div"));
bc.startup();
bc.addChild(german);
bc.addChild(french);
bc.addChild(english);
return bc.domNode;
}
適切に表示される唯一の子は「英語」の子ですが、「ドイツ語」の子はまったく表示されず、「フランス語」の子はひどく圧縮されています。どうすればこれを修正できるかについてのアイデアはありますか?