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