So here is the site I’m making: http://www.notintheface.biz/solarpillars
The content is not exactly centred. I have the left margin set to be 25% how do I actually center this completely?
[CSS]
body {
background-image: url(images/bg.gif);
background-repeat: repeat-x;
background-color: #f2fff4;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: "Verdana";
font-size: 12px;
}
/*Basics*/
a {
text-decoration: none;
color: #f3ec35;
}
a:hover {
color: #fff;
}
img {
padding: 0px;
border: 0px;
}
#links {
float: right;
}
#logo {
float: left;
}
#content1 {
width: 550px;
float: left;
padding-right: 10px;
padding-left: 10px;
padding-top: 0;
padding-bottom: 0;
height: 100%;
background-color: #e9f3eb;
margin-left: 25%;
}
#content {
width: 540px;
float: left;
height: 100%;
padding-right: 5px;
padding-left: 5px;
padding-top: 0;
padding-bottom: 0;
background-color: #fff;
}
#footer1 {
width: 550px;
float: left;
padding-right: 10px;
padding-left: 10px;
padding-top: 0;
padding-bottom: 0;
height: 100%;
background-color: #444845;
margin-left: 25%;
}
#footer {
width: 540px;
float: left;
height: 100%;
padding-right: 5px;
padding-left: 5px;
padding-top: 0;
padding-bottom: 0;
background-color: #2b2e2c;
color: #fff;
font-size: 10px;
}
#nav1 {
width: 550px;
float: left;
padding-right: 10px;
padding-left: 10px;
padding-top: 0;
padding-bottom: 0;
height: 100%;
background-color: #444845;
margin-left: 25%;
}
#nav {
width: 540px;
float: left;
height: 100%;
padding-right: 5px;
padding-left: 5px;
padding-top: 0;
padding-bottom: 0;
background-color: #2b2e2c;
color: #fff;
}
SolarPillars.com
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum ornare, dolor quis mollis sagittis, neque mi consequat diam, eget rutrum libero urna nec enim. Aliquam volutpat, lacus at imperdiet luctus, leo turpis aliquam est, in mattis diam elit ut lacus. Nunc accumsan lacus in nunc. Quisque in turpis eget ipsum condimentum tincidunt. Fusce luctus semper orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nam scelerisque euismod ante. Proin pretium augue vel augue. Morbi magna orci, ornare in, rutrum id, iaculis eu, est. Mauris vestibulum neque ut purus. Cras magna erat, mattis suscipit, molestie sit amet, lobortis et, tortor. Nulla at ipsum. Donec ornare semper augue. Morbi ac est. Etiam blandit. Proin odio lectus, posuere at, dictum cursus, suscipit eu, nunc. Ut ligula odio, luctus et, aliquam viverra, commodo vel, neque. Proin sit amet eros.
Donec ut nisl vitae metus semper tempus. Aliquam aliquet, pede quis condimentum mollis, sapien mauris auctor leo, a pulvinar dolor urna sed nulla. Morbi lacinia. Etiam cursus, turpis at scelerisque aliquet, mauris tellus euismod tortor, non volutpat libero elit ac mauris. Nunc varius elementum eros. Proin sed ipsum. Cras egestas ultricies libero. Sed pretium diam at augue. Morbi cursus ipsum ut nibh. Sed quam. Pellentesque tincidunt tempor erat. Donec eros.
Nulla vel orci vel dui auctor consectetuer. Vestibulum fringilla, nulla in consequat luctus, arcu tortor porta sem, sit amet dignissim metus mauris a metus. Nulla arcu magna, consequat non, tempor at, sodales nec, nulla. Curabitur et libero vitae arcu nonummy condimentum. Nunc sed mi ut augue mollis accumsan. Donec sed lacus. Morbi ut est eget libero faucibus sollicitudin. Proin ultrices elit at neque. Nunc eget lorem non ligula porta dapibus. Suspendisse quis nisi. Nunc volutpat sem et nunc. Vivamus eu quam. Curabitur sollicitudin pretium tellus. Vestibulum turpis. Sed eros risus, elementum quis, sagittis sit amet, gravida sit amet, pede. Vestibulum leo sem, porttitor a, vulputate imperdiet, mollis ut, pede. Curabitur rutrum arcu eget felis.
