Why use a Container ID?• A container ID makes it

easier to keep the webpage together on different screen sizes.

• Makes for consistent look and feel, especially when margin:auto is used.

Why set Container ID to 650px?• This is a single column layout. • Easier to maintain the max

reading width for content

How to create a double column layout?• Change width of navbar ID AND

maincontent ID to less than the width of the container ID

• Combined widths of the navbar ID and maincontent ID must be equal or less than the width of the container ID.

• Increase width of container ID if necessary, keeping the max width of container to 960px.

• Why 960px?• The project is to be optimized

for a 1024 x 768 monitor.CONTAINER

HEADERN

AVBA

R

MAINCONTENT