From 07117f97b6a156d1ddff0292c907599fb33d602a Mon Sep 17 00:00:00 2001 From: Kevin Ingersoll Date: Fri, 3 May 2013 15:22:27 +1200 Subject: Use padding instead of #push with box-sizing: border-box --- docs/examples/sticky-footer.html | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) (limited to 'docs/examples/sticky-footer.html') diff --git a/docs/examples/sticky-footer.html b/docs/examples/sticky-footer.html index 62c108812..14fc1edeb 100644 --- a/docs/examples/sticky-footer.html +++ b/docs/examples/sticky-footer.html @@ -22,14 +22,13 @@ title: Sticky footer template height: 100%; /* Negative indent footer by its height */ margin: 0 auto -60px; + /* Pad bottom by footer height */ + padding: 0 0 60px; } /* Set the fixed height of the footer here */ - #push, #footer { height: 60px; - } - #footer { background-color: #f5f5f5; } @@ -71,8 +70,6 @@ title: Sticky footer template

Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.

Use the sticky footer with a fixed navbar if need be, too.

- -