Sticky footer, HTML5 doctype [SOLVED]

For help and advice about coding

Moderator: Tech Moderators

User avatar
DJ
Posts: 2329
Joined: Sun Mar 18, 2007 8:48 pm
Tag: Cured
Contact:

Sticky footer, HTML5 doctype [SOLVED]

Postby DJ » Mon Aug 02, 2010 12:25 am

Can someone look at this please and tell me why the hell I can't get the footer to stick to the bottom? I'm totally at a loss!
http://www.blatant-self-promotion.co.uk/stuff1/portfolio_PR_Yazoo_v1.html

If I size my browser window up to the bottom of the footer, the page works perfect. But stretch it below the footer so I get rid of the vertical scroll bar and it breaks.
I've added and taken away and added again so many lines to styles.css I just need another set of eyes on it now.
Any ideas please?

Is the reset.css screwing it up?

User avatar
Blak
Tech Moderator
Posts: 1759
Joined: Mon Mar 19, 2007 12:07 pm
Tag: Hasn't realised that there are custom ranks yet
Contact:

Re: Sticky footer, HTML5 doctype

Postby Blak » Mon Aug 02, 2010 12:37 am

Add

Code: Select all

html { height:100% }

User avatar
DJ
Posts: 2329
Joined: Sun Mar 18, 2007 8:48 pm
Tag: Cured
Contact:

Re: Sticky footer, HTML5 doctype

Postby DJ » Mon Aug 02, 2010 8:30 pm

ffs... I can't believe I overlooked that.

Thanks mate, fixed it and it works great.
I can carry on now!

User avatar
Blak
Tech Moderator
Posts: 1759
Joined: Mon Mar 19, 2007 12:07 pm
Tag: Hasn't realised that there are custom ranks yet
Contact:

Re: Sticky footer, HTML5 doctype [SOLVED]

Postby Blak » Mon Aug 02, 2010 8:31 pm

It's always the stupidly obvious things you miss once you go so far down the rabbit hole :)


Return to “Coding”

Who is online

Users browsing this forum: No registered users and 4 guests

cron