Okay, I have a horizontal line on my page, but I can't position it on the very bottom of my page.

Here's my css code:

div.hr {
height: 1px;
background-color: #ddf297;
}

And here's the code I use on my page:

<div class="hr"><hr /></div>

But it doesn't appear on the bottom. I guess I should add something to my stylesheet, but I'm not sure what...

http://img478.imageshack.us/img478/553/scr6py.jpg

Use just the following:

<hr /> (or <hr> if you are using HTML and no XHTML)

Then, in your CSS, put:

hr {
height:1px;
color:#ddf297
}

Yes, but I need it on the very bottom.

You might have to add something like
position: absolute; bottom: 0;
Not sure if it will work though

Did you actually place <hr /> after everything else? It should normally position itself where you put it. So if you place it after the rest of your page in your markup, it should be at the very bottom.

It might be due to the fact that theres no content in the main div, so thats collapsed. Try setting a height to the main content div, it should make the <hr /> move down to where you want it to be and stay there no matter how much text you add into your main div.

I tried adding position: absolute; bottom: 0; to my stylesheet and I tried to adding a height to my main content div, but nothing works...

Try moving the order of your divs round in your html so that the main content one is first, then the sidebar then the hr div.

I use php include and if I move it to the top, my layout looks totally messed up.