Take the 2-minute tour ×

I've been working on a website and I can't get rid of the white space that keeps adding itself at the end of the page. This only seems to happen with Chrome, all other major browsers don't have this problem.

The link to the website is : http://www.santullofitness.com/classes.html

I've checked other answers to the same problem, but none of them seem to fit my case.

Any help would be greatly appreciated, thank you !

share|improve this question
where do you see whitespace? –  Dory Zidon May 20 '13 at 21:57
I'm using chrome and I can't see said white space. –  Renan May 20 '13 at 21:58
I agree with above comments. This page looks fine in chrome on mac, I don't see any white space at the bottom of the page. When does it add itself? –  s.Oaten May 20 '13 at 22:09
After the animation , the image is larger then the body. Try adding height: 620px; to .animate-in. –  Vucko May 20 '13 at 22:28
Try clearing your browser cache - it's a long-shot but sometimes helps. I'm viewing on Chromium, and it's fine. –  verism May 20 '13 at 22:28

1 Answer 1

up vote 1 down vote accepted

I have checked your web's CSS file. At least, the beggining.

Always remember to use a CSS Reset solution to normalize all styles cuz in different browsers renderization can be a lot different.

My recomendation: Erid Meyer's solution. Found here: http://meyerweb.com/eric/tools/css/reset/

Also, use this for your html and body (in the CSS file):

html, body {height: 100%; }

Best of luck!

share|improve this answer

Your Answer


