diff --git a/docs/examples/sticky-footer-navbar.html b/docs/examples/sticky-footer-navbar.html index 429b74f91887bf0c3ac11e37732662f328f7fb72..fe6681ef69cf66257e1efe7a2797674eb16ed9b0 100644 --- a/docs/examples/sticky-footer-navbar.html +++ b/docs/examples/sticky-footer-navbar.html @@ -22,14 +22,13 @@ title: Sticky footer with navbar 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; } @@ -106,8 +105,6 @@ title: Sticky footer with navbar template <p class="lead">Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added within <code>#wrap</code> with <code>padding-top: 60px;</code> on the <code>.container</code>.</p> <p>Back to <a href="../sticky-footer">the default sticky footer</a> minus the navbar.</p> </div> - - <div id="push"></div> </div> <div id="footer"> diff --git a/docs/examples/sticky-footer.html b/docs/examples/sticky-footer.html index 62c1088123d8800c9de9133b1f319ddd3d26033b..14fc1edebe4eb84ea51d5d5844fba95f5ef6d48e 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 <p class="lead">Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.</p> <p>Use <a href="../sticky-footer-navbar">the sticky footer with a fixed navbar</a> if need be, too.</p> </div> - - <div id="push"></div> </div> <div id="footer">