Solved

Css help width

Posted on 2011-02-14
8
202 Views
Last Modified: 2012-05-11
Hi- I am trying to widen the center white section and the bottom section of this site:

http:/ /www dot our golden years dot ca slash test

I can't figure this one out. I just think it could stand to be a little wider on the page.
0
Comment
Question by:mel200
  • 4
  • 3
8 Comments
 
LVL 16

Expert Comment

by:SSupreme
ID: 34893026
If you want to widen a white part, you have to adjust background image (bg_wrapper.gif) to your width and in line 13 (styles.css) increase value of width: ...:
0
 
LVL 3

Accepted Solution

by:
thecrew earned 500 total points
ID: 34893079
In style.css on line 13 the width will control the main wrapper for the site, if you increase this the footer will dynamically increase in width.
Then on line 18 the width will control the wrapper for the three text columns.
The problem is that the white area is made up of 3 columns and it has a background image that gives it the black borders on the left and right. You will need to re-create this image if you plan on widening the white area.
Then on line 21 in style.css you can adjust the width to fill up the newly widened white area. This width is the width of each of the three columns. They are all controlled by the same class.
Then on line 27 you will want to increase the margin-right to make the "read more" buttons line up with the newly widened text columns.

This doesn't take into account the header but you hadn't mentioned that. I assume it should match the new width as well, in which case you could add this bit to your CSS (adjusting the width to suit your taste):
#banner img{ width:850px;}
You really should re-create that image at the correct width so you don't lose resolution.

Let me know how it goes!
0
 

Author Comment

by:mel200
ID: 34893318
Thanks!
0
 

Author Comment

by:mel200
ID: 34917926
Hi, Sorry it's taken me so long to get back to you on this, I'm busy with other clients and will likely work on this on Saturday, since it's pretty complicated and involves graphics. Thanks again.
0
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 
LVL 3

Expert Comment

by:thecrew
ID: 34919025
No problem! Good luck!
-Logan
0
 

Author Comment

by:mel200
ID: 34921001
Amazing, it's look really close to what I want, thanks- Can you just tell me whay I have these two little anomalies in the screenshot attached?
screenshot2.gif
0
 

Author Closing Comment

by:mel200
ID: 34930091
Perfect and complete answer, thanks! The little nerd I saw is on the image and fixed.
0
 
LVL 3

Expert Comment

by:thecrew
ID: 34930257
Thank you! And well done!
-Logan
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

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Although it can be difficult to imagine, someday your child will have a career of his or her own. He or she will likely start a family, buy a home and start having their own children. So, while being a kid is still extremely important, it’s also …
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
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…

932 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

13 Experts available now in Live!

Get 1:1 Help Now