I've been trying to figure out how to put a background image on the upper half of my webpage, with the lower half just being a regular color.
I want it similar to this: http://www.udel.edu/researchmagazine/
I've tried setting it up using different positioning, but so far nothing as worked.
If anyone has any suggestions I would be greatly appreciative.
Thanks!

I assumed you want to do this to the body of the page. You can change #000 to whatever color you like and the repeat and positioning is at the end of the backround tag. Let me know if you have any questions.

body {
     background: #000 url('path-to-image.jpg') no-repeat top center;
}