Container-001 Title

All "Containers" in this Panel have a width set as:
max-width: 200px in the CSS so they won't exceed that width. Having width: 200px would also be sufficient in most cases.

With most relevant elements having a left and right margin of auto makes this Panel align in the center of the page.

This "Container's" height is set in the class gutz1 in the CSS. Just remove the height attribute altogether to get it to expand vertically as needed, or give it a height of auto, or change the value to whatever suits.

Container-002 Title

This is a dummy paragraph with a height set to 250px to simulate content.

It's height is set in the class gutz1 in the CSS. Just remove the height attribute altogether to get it to fill as needed, or give it a height of auto, or change the value to whatever suits.

This is a another dummy paragraph with a height set to 250px to simulate content. So you can see that content is spread accordinly.

Container-003 Title

This is a dummy paragraph with no set height so it inherits values set for standard paragraphs in the CSS. ( the class gutz1 is not added to the paragraph tag. )

Meaning, it has no set height and the container will just keep growing vertically to accomodate the content.

.... and so on .....

.... and so on .....

.... and so on .....

.... and so on .....

.... and so on .....

.... and so on .....

.... and so on .....

.... and so on .....

.... and so on .....

.... and so on .....

.... and so on .....

.... and so on .....

.... and so on .....

.... and so on .....

.... and so on .....

.... and so on .....

Container-004 Title

This is a dummy paragraph with a height set to 250px but the content exceeds the set height.

It has a classname of gutz2, which has all the values of gutz1 except that
overflow: auto has been added to create a scrollbar once the set height has been exceeded.

blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah

Container-005 Title

The link below is internal and references another container. Linked to by its id.

Container-002

The link below is external and references another page/site that will load up outside this panel.
[ 'target="_blank"' ].

OzTroll (my website) :D

NB: target is somewhat deprecated and is not valid in XHTML STRICT for example.

Container-006 Title

This is a dummy paragraph with a height set to 250px to simulate content.

I think most aspects of this template have been covered so the remaining Containers are just spacefill. :)

A general knowledge of HTML & CSS is all that's needed to tweak and change this template to your hearts content.

Container-007 Title

This is a dummy paragraph with a height set to 250px to simulate content.

Container-008 Title

This is a dummy paragraph with a height set to 250px to simulate content.

Container-009 Title

This is a dummy paragraph with a height set to 250px to simulate content.

Container-010 Title

This is a dummy paragraph with a height set to 250px to simulate content.