Css position bottom of page
Nov 10, A simple method using valid CSS to keep your footer at the bottom of the screen on pages with little content. html, body { margin:0; padding:0; height%; } # container { min-height%; position:relative; } #header { background:#ff0; paddingpx; } #body { paddingpx; padding-bottompx;.
Description:This can look bad, particularly on a large screen. Web designers are often asked to push footers down to the bottom of the viewport, but it's not immediately obvious how this can be done. When I first ditched tables for pure CSS layouts I tried to make the footer stay at the bottom but I just couldn't do it. Now, after a few years of practice I have finally figured out a neat way to do it. It also fails gracefully with older browsers so it's safe to use on any website. The main features Works in all modern, standards compliant browsers Compatible browsers:
User Comments 1
Post a comment
Comment: