CODEWITHSUNDEEP
htmlcssgoogle-chromesticky-footer
Jake
Jake

Reputation: 1390

dynamic height css sticky footer

I was looking recently for a dynamic css sticky footer solution and came across this one: http://pixelsvsbytes.com/examples/sticky-footers-the-flexible-way/simple.html

it seems to work great in most of the popular newer browsers that i've tried but for some reason chrome doesn't display it in the same way and my guess is that safari acts in the same way.

can anyone point a finger on where the problem might be?

Thank you.

Upvotes: 1

Views: 915

Answers (1)

Jake
Jake

Reputation: 1390

ok I solved it thanks to Explosion Pills comment.

It is most likely a bug if you set the body tag display property to be display: table.

to solve it just place the elements inside another div tag and set it as display: table

Upvotes: 3

Related Questions