View Full Version : Adding space at the bottom of a webpage

Jan 22nd, 2007, 12:28 AM
shrutishah.net (http://shrutishah.net)

If you check out the links page or the resume page, they come dangerously close to the bottom of the page, yet there is no scroll bar or anything. Besides hardcoding line breaks, what else can I do? A blank footer?

Jan 22nd, 2007, 12:43 AM
Just use CSS. That's what it's made for.

.thumbnail {padding-bottom: 20px;}

However, a footer with the float cleared would probably be a more elegant solution. Though, it shouldn't be empty then. You could put a copyright statement there or a "skip to top" link that you will hide (so it will be seen by users of small screen devices).

Jan 22nd, 2007, 01:11 AM
Also, call me a perfectionist, but I'd add a background-color: fff; to the body {} section of your css, just in case some user doesn't have white as the default background color in his/her browser options.

(And be careful, that grey shadow in your header is a different grey than that on the below background)

Yeah, definitely call me a perfectionist :)

Jan 22nd, 2007, 01:14 AM
Thanks Zombo, I'll do that.

Jan 22nd, 2007, 01:22 AM
I'm on firefox 2 and refuse to install IE7, at least at the moment...

No prob, give your thanks to Stephan, he's the one who answered your question :)

and... do you still think they're the same grey?: http://img263.imageshack.us/img263/4367/greys0an.th.jpg (http://img263.imageshack.us/my.php?image=greys0an.jpg)

Jan 22nd, 2007, 01:35 AM
Dude, you're a perfectionist before the lord! :rolleyes:

Jan 22nd, 2007, 02:05 AM
Yeah, I checked it out and you were right, so I edited my post :)

I took VIPStephen's suggestion and expanded it, and applied a padding to my whole div rather than just those thumbnails, so thanks !