Hi guys, I'm having a frustrating problem with my site right now. I'm using a parent div to wrap my content, so that a footer div is correctly positioned at the bottom of the page, BUT also is pushed down when the content grows larger than the browser window.
The problem is, if I use absolute positioning on the child divs, the child divs are taken out of the flow and the parent div no longer wraps around them (therefore allowing the footer to collide and move over the content if the window shrinks or the content expands.
So I changed my child divs to be relative, but now when I position them in the page using "top: xxx" the parent div does not expand to wrap all the way around them (it just stays the original size).
Is there a solution to this that does not involve JS? I've tested this problem in both IE and FF and they both dislay similarly.
Thanks!I haven纾
The problem is, if I use absolute positioning on the child divs, the child divs are taken out of the flow and the parent div no longer wraps around them (therefore allowing the footer to collide and move over the content if the window shrinks or the content expands.
So I changed my child divs to be relative, but now when I position them in the page using "top: xxx" the parent div does not expand to wrap all the way around them (it just stays the original size).
Is there a solution to this that does not involve JS? I've tested this problem in both IE and FF and they both dislay similarly.
Thanks!I haven纾