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

Popular posts from this blog

jquery - How can I dynamically add a browser tab? -

node.js - Getting the socket id,user id pair of a logged in user(s) -

keyboard - C++ GetAsyncKeyState alternative -