I have to add a wrapper around HTML content produced by others. What I want to achieve is to add a header and footer to all the pages (height varies) produced by other people so that all new pages have a header and footer. All the pages produced by others are absolutely positioned. How can I use CSS to make my footer stay in the bottom of pages, not on top of content produced by other people?
This is the HTML structure I have. I cannot change the HTML structure or CSS of the content produced by others.
<div class="my-header">my header </div>
<div class="html-from-other-people">absolutely positioned content produced other people. I cannot touch it.
<div class="my-footer">footer goes here</div>
I cannot have sticky header or footer. The footer has to stay in the bottom of page content, not the bottom of the viewport.
Welcome to ScriptMode
2 posts • Page 1 of 1
check out this css :
Who is online
Users browsing this forum: No registered users and 5 guests