nested layout widgets borders should collapse

[bill]

See the panes tab on test_ExpandoPane.html. It's an AccordionContainer nested inside of a TabContainer. The borders of the TabContainer and the AccordionContainer nest to give an unpleasant effect:

Notice the dark line, which isn't there for other tabs.

Taken from Alex's email.

[bill]

See also #6438; fixing that may make this problem worse.

Also, note that the example list above could be worked-around by adding style="border: none" to the nested AccordionContainer, but for a TabContainer inside an AccordionContainer (the reverse of the example above), I'm not even sure what it should look like. Maybe not worth worrying about.

[bill]

(In [13897]) Layout widget class changes:

• Add class attribute to all layout widgets to control class name on domNode (dijitTabContainer, dijitBorderContainer, etc.)
• Children of layout containers get composite classname specifying parent. ex: a ContentPane? inside of a BorderContainer? will get the class "dijitBorcontainer-dijitContentPane". This is to replace "dijitBorderContainer > dijitContentPane" type selectors which don't work on IE6.
• refactor of addChild()/removeChild()/_setupChild() to share common code

Refs #6437, #6438 (these changes are necessary to setup CSS rules to get borders to show up correctly for various parent/child relationships)

!strict

[nonken]

(In [13916]) added ContentPane? styleheet to support nested layouts, refs #6437

[nonken]

(In [13917]) added ContentPane? specific rules for nested layouts, refs #6437

[nonken]

(In [13920]) Added Accordion, BorderContainer? rules for nested layouts, refs #6437

[nonken]

(In [13922]) added test for graphical user interface, refs #6437