i like to get some advice about my first responsive project, i work on kraken html boilerplate with my own additions.
This is my site: http://www.test.superelektrika.sk
I am OK with the tall pages, but as you can see on index, i have problem with short pages, i really know about css resets, my boilerplate has it, but i really don’t know where the problem is.
I need to fit footer with height of browser, i try to search something other than css reset and i find “sticky footer” variety topics but some people worry that sticky footer is not the best solution.
Many thanks for any advice!
Personally, I think the site looks fine like it is. Is there a reason you aren’t happy with the current look? I think it would look odd if you have that footer way down at the bottom on short pages.
Thanks a lot for ur response !
Because it for client but he doesn’t mind but from my personal view the white space at the bottom looks little bit weird on bigger screen, but maybe the best way to eliminate this is wider layout in one colour (fray) and the footer after that will be fine :)))
You can use my sticky footer technique which needs no hacks but does need the right structure. However, these days where desktop monitors are getting bigger and bigger you have to consider whether having a sticky footer way down on the page (as on my 27" imac) is a good thing. Some people like it and some don’t.
Conversely on very short pages it can look very odd if the footer is very close to the header and although you could add min-height to make some space then you end up pushing the footer below the fold on mobile whereas a sticky footer would have kept it at the bottom nicely (assuming you hadn’t constructed a mobile vesion).
It’s one of those things that you have to look at on a site by site basis and on the default height of your content. Most times it’s a non issue unless you have a very small header and content section and a normal site is fine.
Your technique seems like what i want, thx a lot for that, yeah for me look like pretty weird because the for example the contact page (without any forms) is very short and the white space is big on my 29" display
So today i would try your technique and i response later with some results
