Trouble getting footer to stay in the bottom of the page -
i'm using twenty ten theme.
i don't know if matters, make footer stretch way out of page (100%), put outside wrapper div, instead of:
<wrapper> <main> </main> <footer> </footer> </wrapper>
i've put way:
<wrapper> <main> </main> </wrapper> <footer> </footer>
the css footer looks this:
#footer { height: 100px; background:#393939; font-size:12px; color:#777; margin:0; padding:20px; z-index:999; bottom:0; clear:both; }
the footer lays directly under content, if content of page short, footer not in bottom of page, on page: http://skiss.nu/hff/?page_id=10
if add "position: absolute;" footer stays @ bottom of page, laying on content om pages more content.
you need have position 'fixed'.
#footer { height: 100px; background:#393939; font-size:12px; color:#777; margin:0; padding:20px; z-index:999; bottom:0; clear:both; position:fixed; }
Comments
Post a Comment