Solved

css

Posted on 2011-09-27
3
233 Views
Last Modified: 2012-05-12
http://csstemplatesfree.net/template-view/182/

I like above free template. but I would like to make  the middle space wider.
Can you show me how to do that in css? I am not css programmer.

And you can download above url  for free  to view the css file.

Thanks,
0
Comment
Question by:Webboy2008
  • 2
3 Comments
 
LVL 38

Expert Comment

by:Tom Beck
ID: 36714128
To make the whole content area wider, which will make the center section wider, you need just two changes.

1.) Change the width in the #wrap definition from 760px to something greater like 960px

#wrap {
background:#fff;
color:#303030;
margin:0 auto;
padding:1px 4px;
width:960px;
}

2.) Find a wider image to fill in the extra space you created in the header section.
0
 

Author Comment

by:Webboy2008
ID: 36714248
1. done.
2. i don't know what to do...
0
 
LVL 38

Accepted Solution

by:
Tom Beck earned 500 total points
ID: 36714297
Do you want to use the image of the trees and snow capped mountains? You could stretch it in an image editing program.

Or, find a new image with the proper dimensions and modify this line to reflect the change.

#header {
    background: url("images/headerphoto1.jpg") no-repeat scroll left bottom #FFFFFF;
    color: #505050;
    height: 200px;
    margin: 0 10px 10px;
    padding: 0;
}
0

Featured Post

Active Directory Webinar

We all know we need to protect and secure our privileges, but where to start? Join Experts Exchange and ManageEngine on Tuesday, April 11, 2017 10:00 AM PDT to learn how to track and secure privileged users in Active Directory.

Question has a verified solution.

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

Suggested Solutions

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…

821 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