Solved

CSS issues with page containers

Posted on 2013-05-20
4
349 Views
Last Modified: 2013-05-20
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
Comment
Question by:arendt73
  • 2
4 Comments
 
LVL 9

Expert Comment

by:user_n
ID: 39182167
0
 

Author Comment

by:arendt73
ID: 39182232
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
 
LVL 6

Expert Comment

by:lightspeedvt
ID: 39182248
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
 
LVL 6

Accepted Solution

by:
lightspeedvt earned 500 total points
ID: 39182278
Just saw your comment, so here is updated demo:
http://jsfiddle.net/m7WBw/1/
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
The viewer will learn how to count occurrences of each item in an array.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

867 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now