I am trying to create a standard web page that contains a top half (containing a background image - height: 105px) that stretches the full width of the page (width: 100%). Inserted on the top half section is an image (980 x 105) that is centered. What I am trying to do is insert a container underneath the top half with a width of 980px that is centered, thus allowing me to add other DIVs inside the container. But I cannot figure out how to do this. Is this correct?
Top portion of page stretches full length of web browser. The middle and bottom portion will be centered. Inside the centered portion (container) of the page will contain DIVs with different widths.
Attached is my code for review and any help is greatly appreciated. Thank you.