Grow your CSS skills. Land your dream job.

Faux Columns and CSS Sticky footer

  • # May 1, 2009 at 3:26 am

    Hey guys,

    I’ve googled around and there doesn’t seem to be an explanation, however I was wondering if anybody knew how to use the faux column method for columns and the sticky footer method for, well, sticky footers in conjunction with each other.

    If the page is less that 100%, then everything is fine, however if a page is more than 100%, as html, body and my wrapper are all set to 100% to make the footer work, nothing, not even background images can go lower than 100%. I have used a dual-layer sort of thing, but it’s hell dodgey.

    Does anybody know a solution?

    Thanks,

    ~Harley

    # May 1, 2009 at 9:48 am

    I just implemented the CSS Sticky Footer solution on my site, but I don’t have any tips for the faux column, getting it to bleed into the footer, etc. I suppose you could get it to come close to the footer, but the clearfix hack (at least this is the solution I’m using) inserts empty content (a "." or something like it) and this little bit is what’s keep the faux column from tiling completely down the page. But maybe I’m off my rocker here.

    I also haven’t been able to successfully mix any grid framework with the CSS Stick Footer solution either, FWIW.

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

You must be logged in to reply to this topic.

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