Sticky Footer

[Elliott Evans]

Hi, 

I was wondering how to make the Footer stick to the bottom of the page? 

Thanks, 

Elliott

[Eduardo Diaz]

Can you be more specific?

-ed

Elliott

--
You received this message because you are subscribed to the Google
Groups "Gantry Framework for Joomla Users" group.
To post to this group, send email to
gantry-framework...@googlegroups.com
To unsubscribe from this group, send email to
gantry-framework-for-j...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org

--
NOTICE: This email may contain information which is confidential and/or subject to legal privilege, and is intended for the use of the named addressee only. If you are not the intended recipient, you must not use, disclose or copy any part of this email. If you have received this email by mistake, please notify the sender and delete this message immediately.

[all80]

If you search the internet there are a couple if good methods.

You just need to add the CSS for your template.


Mark

[Elliott Evans]

Hi Mark, 

Have done so, thanks! 

Elliott

[Mathias Becker]

Hi Mark and Elliot,

as I am having the same issue can you post your solution or share a link where to find it?

Thanks a lot and best regards,

Matt

[Elliott Evans]

Hi Matt 

http://ryanfait.com/sticky-footer/ 

http://css-tricks.com/snippets/css/sticky-footer/ 

Hope the links help. 

Cheers, 

Elliott

[Patrick werner]

Hey Elliot/Mark,

I saw your reply and  I have also found those sticky footer resources, but I am designer not a dev guy (minimal html /css knowledge) and cannot figure out what css files to adjust (template or?) and where to adjust/replace the tags. Do I use "main body" or "content" as a replacement for.wrapper? I am using joomla and my site is located at:
http://new.doranconsulting.com/testsite2/

Any help would be killer thanx either way..I just dont want to jack my template by trial and error :)

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 142px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/