CSS/HTML problem

[RushScripting]

Ok here is my problem as easy as i can explain it.

I have a content box and a footer.The content sits above the footer and it has no specified height and neither does the footer (although i tried adding some when i was trying to fix this problem). Ok so they work just fine, but when i start adding some news articles using the p tag the p tag continuously goes down as far as it needs to to fit all the information without the layout stretching to fit it. It just goes over whatever is in its way :P. What i want is the layout to stretch to fit the info (the footer remaining under the content instead of becoming a background for it).

www.ahhsnhs.com is where the problem is. (I know the layout is bad)

Any help would be great .

[nobody]

Well in your source it has about 16.8 trillion line breaks in the paragraph tags. Why? That's why it's all the way down there. Or are you trying to figure out why the whole page doesn't stretch to meet that text? Well I think you are not closing the wrapper div.. so through another < /div> after your current last one. That should clear it up I believe.

[nobody]

Alright I lied, I just checked and you have the right divs and all. Try taking out the float in your div surrounding the paragraph and replacing it with text-align: left, since all you're really doing is aligning text as far as I can tell. Also.. you have the height of the body and html specified as 95%, I doubt that's related to your problem, but that's a pretty pointless peice of code, so I'd take that out. If you want it to be 95% of the screen use margins. Also take out the height attribute in your wrapper id, that's not necessary.
Honestly I'm just talking out of my butt for the most part, I hate doing columns in css, but at least you have some things to consider now. Good luck to ya, and it's nice to see people using table-less. Good job :)

[RushScripting]

Ok i used 16.8 trillion line breaks to show the fact that when alot of content will be there it will overflow the boundries. I will try out what you said to fix my problem thanks. :)

[Kristopher]

Make sure you have one of two things:


.footerdiv {
position: absolute;
bottom: 0;
}

.footerdiv {
float: left;
}


Either way, check out this link. It should solve your problems: http://www.alistapart.com/articles/footers

[RushScripting]

Well none of these seem to be working.....i might have to move on to tables or something :P Thanks for the link and the help guys :D

[ditt0]

This should do it:
http://smart.info.tm/ditt0/example/page.html
I hope it's the way u wanted it to be.

[RushScripting]

You did it o_O. Many thanks but I have already moved on to a table form, i know i know i feel into the forces of the tables >_<. I will use your code and compare it to mine and use it for future refrence when i have to make another layout. Many thanks ditto :D

[senocular]

I dont mind if you use tables ;)