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
Post a Comment