Hello seer,
To center an element you need three things:
- a valid DocType
- an element with a width
- that elements right/left margins set to auto
Right now, your #header and #info are full width elements. #header is centered by the background properties you put on it.
#info might be centered like this:
Code:
#info {
background: #fff;
margin: 120px 0 0 -190px;
position:fixed;
height: 30px;
left: 50%;
}
This would work if you got #header and #info out of#content -
Code:
#wrapper {
clear:none;
margin: 0px auto;
padding: 0px;
width: auto;
height: 715px;
overflow: auto;
}
#info {
background: #fff;
display: table-row;
margin-top: 150px;
margin-left: auto;
margin-right: auto;
display: block;
width: 300px;
height: 30px;
text-align: center;
}