recentpopularlog in

piperh : footer   26

Footer always at the bottom - Flexbox
a couple of methods to keep footer always at bottom
webdesign  web  design  footer  css  flex  flexbox  sticky  bottom  layout 
27 days ago by piperh
Web Page Footers 101: Design Patterns and When to Use Each
about footer content, user behaviour and expectations. Don't underate footers, users go there deliberately
webdesign  web  design  footer  content  user  ux 
march 2019 by piperh
Another Collection of Interesting Facts About CSS Grid | CSS-Tricks
follow up to 'A Collection of Interesting Facts about CSS Grid Layout'
webdesign  web  design  css  grid  feature  query  sticky  footer  row  column  layout 
may 2018 by piperh
Sticky Footer, Five Ways | CSS-Tricks
roundup of various methods for achieving sticky footer. 1st comment also looks good. Some require fixed height footer. Rec's flexbox for unknown height footer
webdesign  web  design  css  sticky  footer  code  coding  howto 
june 2016 by piperh
Quick Tip: The Best Way To Make Sticky Footers | Tutorialzine
Sticky footer using flexbox. Seems to work perfectly. Used for AOPC site April 2016. I eliminated the wrap-all div as it seemed to mess up flex functionality, though I didn't persist with tests - maybe you could make it work, cos a wrapper is handy sometimes.
webdesign  web  design  sticky  footer  flex  flexbox  code  howto  demo 
april 2016 by piperh
Sticky Footer — Solved by Flexbox — Cleaner, hack-free CSS
a flexbox solution for flexible height sticky footer. I haven't tried it yet (April 15, 2016)
webdesign  web  design  flex  flexbox  sticky  footer  flexible  height  css  html 
april 2016 by piperh
Sticky footer revisited | eAnka StudioeAnka Studio
a handy roundup of best-known techniques but no perfect one for flexible height footer. Also suggests flexbox
webdesign  web  design  sticky  footer  technique  css  html  code  roundup 
april 2016 by piperh
Responsive, Flexible-Height Sticky Footers in CSS – Galen Gidman
flexible height sticky footer. Author says put a div inside 'table row' to get round unexpected table padding and margin issues.
At end of page he says use flexbox if compatibility is OK.
webdesign  web  design  sticky  footer  flexible  height  table  technique  code  css  html 
april 2016 by piperh
How to Use the Sticky Footer HTML & CSS Code
Sticky footer similar to Ryan Fait. Fixed height footer
webdesign  web  design  sticky  footer  code  howto  layout  page  technique  css  html 
april 2016 by piperh
Ultimate Scrolling Table
a technique for constructing tables that scroll while keeping a fixed header and/or footer. Requires a bit of js for scrolling, but without js becomes a full size fixed table.
webdesign  web  design  table  scrolling  scroll  fixed  header  footer 
august 2015 by piperh
Make a Footer Stick to the Bottom of the Page
Ryan Fait's sticky footer updated for html5. There's a Chris Coyier version of this - don't know how it differs but he acknowledges RF.
webdesign  web  design  sticky  footer  css  html  code  coding 
january 2015 by piperh
New CSS Sticky Footer - 2010 - HTML for Bottom of Page Footer
suffers from same problem as version at
With long menu to left, sticking at bottom: 0; the footer behaves badly in shallow windows - scrolls up with text, doesn't stick to bottom.
webdesign  web  design  sticky  footer  webdev  css  layout 
september 2014 by piperh
Sticky Footer | CSS-Tricks
in his codepen version of this, Chris Coyier acknowledges Ryan Fait origin of code.
webdesign  web  design  sticky  footer  css  code  coding  webdev 
september 2014 by piperh
Modern Clean CSS “Sticky Footer” | mystrdat
I used this on new Tria responsive and so far (Sept 26, 2014) seems to good. Works in IE8. To deal with absolute vertical menu being sometimes taller than main content, you must set a minimum height on content container which is the same as the vertical absolute menu height. If vertical absolute height is variable, dunno what you'd do.
webdesign  web  design  sticky  footer  code  coding  webdev  css  mystrd  tria 
september 2014 by piperh
Prevent common problems when writing CSS from scratch - Blog do Time
22.1.14: this isn't fully supported in all browsers yet - see
sticky  footer  css  code  coding  webdesign  web  design  standard  page  box-sizing  css3 
january 2014 by piperh
A CSS Sticky Footer
Ryan Fait's sticky footer, fixed height footer. Uses 'push' div. This is quite old now, maybe there are better techniques, eg, flexbox ?
design  webdesign  web  css  html  code  tips  howto  footer  sticky  stickyfooter  layout  resources 
february 2010 by piperh

Copy this bookmark:

to read