Hey,

 

I'm in the process of trying to redevelop my site - I'm a bit new to CSS so if this sounds trivial please forgive me.

 

The problems I'm having concern my header bar and my footer (you can see the current state of the page here)

 

Basically, I want a black bar across the top of the page (61px high with the border on the bottom edge) and the same across the bottom of the page (with a border on the top but high enough to contain all the info).

 

My CSS code so far is:

 

#header_bar {
margin: 0px;
background-color: #000000;
border-bottom-style: solid;
border-color: #FF6600;
border-width: 0px 0px 3px 0px;
height: 61px;
}
#footer_bar {
margin: 0px;
background-color: #000000;
border-top-style: solid;
border-color: #FF6600;
bottom: 0px;
border-top-width: 3px;
}

 

The issues:

1) There's a border around the header div that I have no idea how to get rid of

2) The footer bar appears at the bottom of the content, and I've no idea how to anchor it to the bottom

 

I've been going round and round with this all day and I'm not sure what I'm doing wrong? Any help on these would be much appreciated!

 

Thanks,

 

Adam.

Add

 

*{margin:0; padding:0;}

 

to the top of your css

 

and have a look here for your footer

Add

 

*{margin:0; padding:0;}

 

to the top of your css

 

and have a look here for your footer

 

Do I add the

*{margin:0; padding:0;}

into the '#header' ID or do I just place it at the top of my CSS document?

 

The link for the footer looks perfect, thanks a lot for that!

 

Adam.

Do I add the

*{margin:0; padding:0;}

into the '#header' ID or do I just place it at the top of my CSS document?

 

The link for the footer looks perfect, thanks a lot for that!

 

Adam.

 

Actually, scratch that, I've pasted it in and it works great, thanks again!

 

Adam.

Indeed, the body by default has a little padding around the edges.