Grow your CSS skills. Land your dream job.

Sticky Footer…and margin

  • # December 26, 2012 at 2:11 pm

    We all know margin and padding have different purposes…and one simply cannot be substituted for the other in some cases, even if what meets the eye looks the same.

    I have run into plenty of situations in which I needed a sticky footer, but had gone too far with the coding to remove all margins.

    I have just started a new project and have remembered the sticky footer, and I have not implemented any margin yet, but am still reluctant to add the sticky footer because I know I’ll want (and need) margin.

    My question is, is there any better solution to the sticky footer, or any other alternative that allows for margin usage?

    # December 26, 2012 at 2:39 pm

    check (http://ryanfait.com/sticky-footer/) using negative margin

    # December 26, 2012 at 2:57 pm

    I’m sorry, maybe you do not understand what I want.

    Most popular sticky footers don’t allow margin on any other element because it will mess up the footer. They suggest using padding instead, but that isn’t always ideal. I’m looking for another solution that allows for margin on the other elements.

    # December 26, 2012 at 3:12 pm

    To better understand what you want, is to make case on (http://codepen.io/)

    # December 26, 2012 at 3:57 pm

    Obviously you can’t understand English well, or you’re just blind. Sorry.

    Codepen is obviously not the solution in this case…it’s not a coding problem, it’s a problem I have with sticky footers.

    My point is, If I use sticky footer, then I can’t use margin on anything else, say, my p element. I want to, though, and I was wondering if there was a way around them.

    # December 26, 2012 at 4:28 pm

    If you are doing it correctly you CAN put margins or padding on anything you want. Here is how I did it. Css3 sticky footer. The new defacto way to do it. http://www.visibilityinherit.com/code/css3-sticky-footer.php

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".