I have a footer DIV which is appended to the end of the document via somehting like (bottom: 0)
Code: Select all
<div> <div style="position: absolute; width: 400px"> Left column content </div> <div style="position: relative; top: 0px; left: 400px"> Right column content </div> <div style="bottom: 0"> Footer links </div></div>I have tried floating the right column and left column but in both cases one column would float under the footer. I also tried clearing the float with a separate DIV after both left and right DIV's and still the same result.
How do I force the footer to stick to the bottom, even when there is not much content in left or right but at the same time force it down when the left or right have more or less than the other???
Cheers