Hi there can someone tell me how does someone create their own custom layout and then code it so it always extends vertically to accommodate the text? Here are some examples

www.maryward.ca (main layout, normal size)

http://maryward.ca/pages/show/5 (layout extended to accommodate text)

Could someone please tell me how that custom layout is coded to stretch indefinitely. Thanks in advance!

This is done with a background image that repeats down the page; in this case, a background that's part black, part dark blue. With CSS this would look like:

body {
background-image:url(your background URL);
background-repeat: repeat-y;
}

The 'repeat-y' instructs the background to only repeat down the page, while 'repeat-x' would make it repeat across the page.

This can also be used in divs or tables to perform the same action.