borderlayout question

[jbowman]

Ok, I have this code...



Layout = {
init: function() {
var layout = new YAHOO.ext.BorderLayout(document.body, {
north: {
split:false,
initialSize: 35
},
south: {
split:false,
initialSize: 20,
},
center: {
autoScroll: true
}
});
layout.beginUpdate();
layout.add('north', new YAHOO.ext.ContentPanel('header', {fitToFrame:true}));
layout.add('south', new YAHOO.ext.ContentPanel('footer', {fitToFrame:true}));
layout.add('center', new YAHOO.ext.ContentPanel('content', {title: "body", fitToFrame:false}));
layout.endUpdate();



Any content I put into the div "content" is inheriting a setting of 100% width from somewhere. Is this the expected behaviour?

[jack.slocum]

The content of the div 'content' (this may get confusing :) ) shouldn't get adjusted at all. But 'content' (the div) is a block element, and by default block elements expand to fill their container. Does that make sense?

[jack.slocum]

Note: They expand their width, but not height.

[jbowman]

elements within the block appear to be getting assigned as blocks as well...

nice thing about the new framework I'm working with... I don't have much done so it was easy enough for me to throw together a demo for you. I set red borders around the children blocks so you can see how they're getting stretched. Happening in north and south also.

http://whasit.com/demo.html

[jack.slocum]

Your child element is a div. A div is a block element. It will automatically grow it's width to fill it's parent element.

[jbowman]

ugh, i just did a test using basic html and see you're 100% correct, I have no idea why I was thinking a div's width was adjusted to fit that of it's content... Sorry about that Jack.

[jack.slocum]

It's much better to ask questions than to just think somethings broken. I am guilty of giving up on something many times rather than asking a question.