css - 100% height relatively positioned footer -


i'm building 1 column responsive blog site. have fixed position header navigation, content section x amount of blog posts (as excerpts) , footer containing contact form.

<div id="header">navigation & branding</div> <div id="content">blog content</div> <div id="footer">contact form</div> 

everything working required apart height of footer. make footer height match height of browser window, (apart fixed header) when scroll bottom of page footer visible , fills browser window entirely.

how achieve css?

you can setting #footer position:absolute; setting both width & height 100%.


Comments

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

java - Copying object fields -

c++ - Clear the memory after returning a vector in a function -