Solved

Css help width

Posted on 2011-02-14
8
201 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
Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

 
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

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
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.
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…

762 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

19 Experts available now in Live!

Get 1:1 Help Now