Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
Anything Goes: Having some Footer problems in my CSS layout, won't go to the bottom!
Bottom of Page1 to 2 of 2
-
- CommentAuthorTotalmajor
- CommentTimeAug 1st 2009
Hi guys,
I've recently taken the task of redeveloping my fraternity's website considering the old one is out-dated. (http://illinoisbeta.org)
I've been doing well except for the fact that whenever I'll add a div layer in the content area, the footer will only go as far as the bottom of the screen, and stay there when you scroll down.
As you can see here:
http://irollerblade.org/beta/?id=spirit
The CSS is located http://irollerblade.org/beta/style.css
Any suggestions would greatly be appreciated (to the CSS and the general website)
Thanks! -
I'm not sure what you mean, looking at that page, I can see that the footer is at the bottom of the page and doesn't appear until you scroll down to it.
From your description, and looking at the CSS, I suspect that the reason is because you have the #footer position set as "absolute", if you set it as relative, that problem should disappear.
Here's a couple of additional pointers:
• It looks like you've got a web page inside another webpage. i.e. in the middle, of the <body> tags, there's a new set of <html> <head> and <body> tags. These are not needed.
• I see you've used an image map for your menu and page header. This is not really the most elegant way to do it, I'd suggest something along the lines of this method: http://www.cssplay.co.uk/menus/flickerfree_mk2.html
• I like the idea of using an interesting font for the main menu, but the size and style of the font makes it somewhat difficult to read. Namely, the fact that some parts are made up of two fine white lines against black.
• I do like the graphic at the top, and it's appropriate for the homepage, but maybe you could consider shuffling things around and condensing it for the content pages?
1 to 2 of 2