Back in March, I wrote a post about creating sticky footers with CSS using
display: table and
display: table-row. Since I wrote that post, it’s become by far the highest-traffic post on the site. Obviously it’s filling a need.
Since writing it though, I’ve discovered some issues with that approach. Sliders seem to be the biggest problem. For whatever reason, responsive sliders like bxSlider, RoyalSlider, and a few others break when they’re placed inside of a table or an element with
display: table applied. Since the sticky footer method I posted applies
display: table to the
<body>, that pretty much means that responsive sliders break everywhere for me.