Site Layouts using Tables

Centered Rectangle
• Elastic vertical position w/slight shift upward (vertical-center: 95%).
• Fixed width & height (w: 786px, h: 450px).
• Vertical overflow hidden (overflow: y hid).

Centered Square
• Elastic vertical position centered (vertical center: 100%).
• Fixed width & height (w: 786px, h: 625px).

Centered Rectangle w/Side BG
• Elastic vertical position centered (vertical-center: 95%).
• Fixed width & height (w: 786px, h: 450px).
• Vertical overflow hidden (overflow: y hid).

Scroll Horizontal
• Elastic vertical center w/slight shift upward (vertical-center: 95%).
• Fixed width & height (w: 6000px, h: 450px).
• Vertical overflow hidden (overflow: y hid).

Scroll Vertical
• Horizontal center (vertical-center: 100%).
• Fixed width & height (w: 786px, h: 2000px).
• Horizontal overflow hidden (overflow: x hid).

Scroll Vertical w/Margin
• [height: 2000px / width: 786px / margin: 10px top & bottom]

Vertical Max Height iFrame - Left & Right Pads
• [height: 100% iframe / width: 786px]

Horizontal Max Width iFrame - Top & Bottom Pads
• [vertical center: 95% / height: 450px / width: 100% iframe]

Top & Bottom Fixed - Middle iFrame Centered Max Height
• [vertical center: 95% / height: 450px / width: 100% iframe]
Site Layouts using DIVs