Height problem

Whatever I did wrong, it was probably stupid (coding for too long makes you do stupid things )

Anyways, I want the height to be the whole page, and then expand if its longer. (i know that 100% would have the height be the whole page, and auto would have it expand.. well suppose to)

The height is not expanding to the content, and the 'Designed By.....' should be at the bottom of the content, instead of on the right side.

http://creativeklown.com/test/

 

I'm no CSS Wizard but you might try:

Setting the height of your HTML Tag, Center Tag, and Div id='c' tag to 100%.

Height 100% will only fill to 100% of its container's height. The HTML container has the minimum height necessary to display the page so you need to make it "taller".

As for your "Designed By". I think you can resolve your issue by adding float: left; to your div id footer.

Good luck and I hope this helps,
Warenth

 

setting height to 100% means the height will be the height of the page, and if the content goes longer, the height will not expand.

Edit: btw, putting the float on the footer div worked, +rep.


Also: The height problem is only for Firefox, it works fine in IE.

 

Fixed it, just added

display:table;

 

http://www.sitepoint.com/forums/showpost.php?p=1243541&postcount=8