What you see on this page, is a special new kind of containers - we call them 'context sensitive'. Dependend on which pane the container is located, it is rendered differently - Pixel aware and matching the surrounding content.
Not only that the Background Color changes - the Paddings and Margins are set according to the intended usage. In most cases e.g. the TopPane is used to display a banner or advertisement image. This image should fit exactly over the whole width of the skin. Otherwise the same container used to display content in the ContentPane should be indent some pixels as the other content.
Enjoy this time saving feature!
This is the 'NoHeaderNoBorder' Container. It's great to display some introductionary text like the "Newsticker" shown on the Demo Homepage.
This is the Container we used for the Article Teasers displayed on the Demo Homepage.
This is the 'NoHeaderNoBorder' Container placed on the Sidebar.
Each color includes its own set of matching containers!