• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 372
  • Last Modified:

CSS issues with page containers

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.

Page:
default.htm


CSS:
master.css
0
arendt73
Asked:
arendt73
  • 2
1 Solution
 
arendt73Author Commented:
What I need help with is setting up the container column down the middle of the page, underneath the top half of the page.  The image appears without issue, unless it is recommended that I change the way it appears.

Inside the center column will contain three columns, from right to left, the widths are: 180, 15, and 785. The position for each of the three columns totaling 980 should be top.
0
 
lightspeedvtCommented:
You are going in correct way. Just place "content" and rest divs that you need inside "table". Here is an example:
http://jsfiddle.net/m7WBw/
0
 
lightspeedvtCommented:
Just saw your comment, so here is updated demo:
http://jsfiddle.net/m7WBw/1/
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now