footer border will not show up

[lkbolt]

I have tried in style.css and directly in div to add a top border to my foot div the border will show up on all sides except top any help would be great thanks.  http://www.oxfordfarm.com

[cssfreakie]

use firebug,

 

besides that your footer has not width or height nor a clear:both;

 

do this:

 

#footer {
    background: none repeat scroll 0 0 #000000;
    border-top: 2px solid #FFFFFF;
    clear: both; /*added */
    color: white;
    height: 50px; /*added */
    text-align: center;
    width: 900px; /*added */
}

and remove your inline style, every time someone uses inline style a kitten dies

[lkbolt]

works like a champ thanks.  I am not sure about the inline style and why I should remove it and what to replace it with.

[cssfreakie]

have a read here

[KevinM1]

Separation of concerns.  Structure (your HTML) should be separate from its styling (your CSS) and from its behavior (your JavaScript).  It makes your life easier as your sites are layered by their composite functionality.  You can then change/update one part of it (say, your CSS) with minimal-to-no impact on the rest.

 

A lot of website development is about project structure.  The better organized you are and the more self-discipline you have, chances are your projects will be easier to create, modify, maintain, and manage.

 

@cssfreakie: You have a spelling error on your blog (at least, in terms of American spelling).  'Practise' should be 'practice'.

[cssfreakie]

@cssfreakie: You have a spelling error on your blog (at least, in terms of American spelling).  'Practise' should be 'practice'.

 

thanks Nightslayer,  I changed it  cheers!

[lkbolt]

ok I didn't know what inline style was because I don't use it.  I was just doing that to see if it would work there to get the border.  Thanks again for your help.