0
Welcome Guest! Login
0 items Join Now

of footer position is sticky to the bottom, odd display

Last Post
Search Topic
    • Ali Samii's Avatar
    • Ali Samii
    • Elite Rocketeer
    • Posts: 629
    • Thanks: 2

    of footer position is sticky to the bottom, odd display

    Posted 11 years 8 months ago
    • Hi,

      I am trying to get the rt-footer-surround position to be sticky to the bottom of the viewport, but I am having some issues, but only with Safari.

      If you go to unep.ergonomiq.net/en/ you can see that the footer is sticky to the bottom of the screen. This works perfectly fine in Firefox and Chrome. But in Safari, there are a couple of strange display issues.

      First, there is what appears to be a small corner of a scroll-bar at the top-left of the browser window.

      Second, the actual page is somehow offset from the viewport on the right and bottom.

      I made the footer sticky using the following CSS:
      .wrapp-inner {
     min-height: 100%;
}
body {
     height: 100%;
}
.dontStick {
     min-height: 100%;
     /* equal to footer height */
     margin-bottom: -150px; 
}
 
.dontStick:after {
     content: "";
     display: block;
}
 
#rt-footer-surround, .dontStick:after {
     /* .push must be the same height as footer */
     height: 150px; 
}
#rt-footer-surround {
     background: rgb(0,45,61);
     position:absolute;
     bottom:0;
     left:0;
     right:0;
}

      I also modified the index.php and wrapped everything between <body> and the opening <div id="rt-footer-surround"> in a div with a class of .dontStick

      If I make the footer non-sticky by removing height and min-height declarations on body and dontStick , it works fine.

      How can I solve this?
    • Thank you.

      Ali Samii
    #1007590

  • Re: of footer position is sticky to the bottom, odd display

    Posted 11 years 8 months ago
    • Hello Ali,

      Unfortunately, I'm not seeing the issues you spoke of in Safari. Have they recently been resolved?

      Let me know if I am missing something. :D
    • Kind regards,
      Reggie

      Learn to code for free.
      www.freecodecamp.org
    #1008319

Time to create page: 0.049 seconds