Edit style.css and change the height value in:
#header {
background-color:#73A0C5;
height:200px;
margin:0 0 0 1px;
padding:0;
width:978px;
}
Your footer doesn’t have height, so you’ll need to increase the top padding on #footer, change the background position to center bottom
and remove the backgroound color.
Dont you mean width?
Its overhanging wide …. do you recommend I adjust the height to?
http://www.buckeyebomber.com/
#page {
background-color: white;
border: 1px solid #959596;
text-align: left;
}
#header {
background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
}
#headerimg {
margin: 7px 9px 0;
height: 192px;
width: 740px;
}
Sorry – I thought it was a vertical positioning problem. Change:
#header {
background-color:#73A0C5;
height:200px;
margin:0 0 0 1px;
padding:0;
width:978px;
}
#footer {
clear:both;
margin:0 auto;
padding:0;
width:980px;
}
to:
#header {
background-color:#CAC4A2;
height:200px;
margin:0 auto;
padding:0;
width:880px;
}
#footer {
clear:both;
margin:0 auto;
padding:0;
width:880px;
}
Thanks footer perfect , header in its own world
It looks off center
http://www.buckeyebomber.com/
#header {
background-color: #73a0c5;
margin: 0 0 0 1px;
padding: 0;
height: 200px;
width: 880px; /* was 758px; */
}
#footer {
padding: 0;
margin: 0 auto;
width: 880px; /* was 760px; */
clear: both;
}
margin 0 auto; I got you!
THANKS!