Re: [css-d] sticky footer position in IE - bottom of window instead of page
Am I right? I'm asking, not proclaiming.
Code like this is perhaps useful because it solves a problem. But it's a
hard-coded hack relying on unintended side effects and more likely than not
to sometime break in the future. More likely than more standard codes that
don't exploit side effects (negative margins and hard-coded pixels etc)
It relies on hard-coding and coupling footer-height in pixels to codes
relating to the page-wrap block, that in a better world would be modular
and independent. And not so tightly coupled. There must be a better way.
I'll have to read through the entire thread to see what other solutions
there are. I do it with fixed positioning on my little (amateur) website.
.page-wrap {
min-height: 100%;
/* equal to footer height */
margin-bottom: -142px;
}
On Sat, Nov 8, 2014 at 5:06 PM, Debbie Campbell d...@redkitecreative.com
wrote:
I stripped out all the sticky footer code and tried a few other methods,
this one worked and tested down to IE8 with no problems:
http://css-tricks.com/snippets/css/sticky-footer/
The footer is now where it should be. Thank you for your input everyone.
http://www.redkitecreative.com/dev/boisson/
Also I fixed the :focus state for links, thanks for that too.
--
Debbie
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
/* Colin (Sandy) Pittendrigh --oO0 */
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] sticky footer position in IE - bottom of window instead of page
It may just be early here but if the content is deeper than the current
viewport, this will cause problems. Also I don't see how this is sticky.
Sent from my iPhone
On Nov 9, 2014, at 9:49 AM, Colin (Sandy) Pittendrigh
sandy.pittendr...@gmail.com wrote:
Am I right? I'm asking, not proclaiming.
Code like this is perhaps useful because it solves a problem. But it's a
hard-coded hack relying on unintended side effects and more likely than not
to sometime break in the future. More likely than more standard codes that
don't exploit side effects (negative margins and hard-coded pixels etc)
It relies on hard-coding and coupling footer-height in pixels to codes
relating to the page-wrap block, that in a better world would be modular
and independent. And not so tightly coupled. There must be a better way.
I'll have to read through the entire thread to see what other solutions
there are. I do it with fixed positioning on my little (amateur) website.
.page-wrap {
min-height: 100%;
/* equal to footer height */
margin-bottom: -142px;
}
On Sat, Nov 8, 2014 at 5:06 PM, Debbie Campbell d...@redkitecreative.com
wrote:
I stripped out all the sticky footer code and tried a few other methods,
this one worked and tested down to IE8 with no problems:
http://css-tricks.com/snippets/css/sticky-footer/
The footer is now where it should be. Thank you for your input everyone.
http://www.redkitecreative.com/dev/boisson/
Also I fixed the :focus state for links, thanks for that too.
--
Debbie
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
/* Colin (Sandy) Pittendrigh --oO0 */
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Font Size for fluid responsive on touch devices ?
When using font sizes for mobile development, is there a limit to the smallest size you can go before the responsiveness by the user becomes a struggle then a pleasure to navigate ? Christopher __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font Size for fluid responsive on touch devices ?
Crest, I see you're not getting any responses, so I thought I'd throw this in. http://stackoverflow.com/questions/9174669/best-practice-font-size-for-mobile An article/discussion from Stack Overflow re: suitable font sizes for mobile and the types of units to use. Hope it helps. Personally, I prefer something like 16px with plenty of line spacing to accomadate my large fingers. Rod Castello On Sun, Nov 9, 2014 at 12:35 PM, Crest Christopher crestchristop...@gmail.com wrote: When using font sizes for mobile development, is there a limit to the smallest size you can go before the responsiveness by the user becomes a struggle then a pleasure to navigate ? Christopher __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font Size for fluid responsive on touch devices ?
Thanks for the link Rod, I hope it's safe to assume you and most others stick with the defaults of 16px for the smallest font size to be used on responsive. Once again, thanks for the link and the reply, it not only hopefully helps others including myself, gives some reassurance ! Christopher Rod Castello mailto:rodcastel...@gmail.com Sunday, November 09, 2014 7:00 PM Crest, I see you're not getting any responses, so I thought I'd throw this in. http://stackoverflow.com/questions/9174669/best-practice-font-size-for-mobile An article/discussion from Stack Overflow re: suitable font sizes for mobile and the types of units to use. Hope it helps. Personally, I prefer something like 16px with plenty of line spacing to accomadate my large fingers. Rod Castello Crest Christopher mailto:crestchristop...@gmail.com Sunday, November 09, 2014 3:35 PM When using font sizes for mobile development, is there a limit to the smallest size you can go before the responsiveness by the user becomes a struggle then a pleasure to navigate ? Christopher __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font Size for fluid responsive on touch devices ?
nov 9 2014 21:35 Crest Christopher crestchristop...@gmail.com: When using font sizes for mobile development, is there a limit to the smallest size you can go before the responsiveness by the user becomes a struggle then a pleasure to navigate ? You don’t consult user groups in your projects, Crest? They’d know. I usually use about 10 very different people in all ages and positions. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font Size for fluid responsive on touch devices ?
Crest Christopher composed on 2014-11-09 20:40 (UTC-0500): Christopher Rod Castello composed: http://stackoverflow.com/questions/9174669/best-practice-font-size-for-mobile Once again, thanks for the link and the reply, it not only hopefully helps others including myself, gives some reassurance ! Be careful what you glean from that URL or the one it refers to. It's hard to imagine anyone proffering CSS instruction not knowing that an 8px em box doesn't contain enough pixels to draw complete characters for every glyph in all common web font sets, much less for CJK fonts. ATM I cannot fathom the right words to share in public describing any recommendation of use of an 8px font size. It's hard enough to find sharable words for recommending px for font sizing in any context. By definition, px font sizes disregard whatever size users find optimal, and that, besides being rude, is inconsistent with my understanding of the reasons for and nature of responsive design. -- The wise are known for their understanding, and pleasant words are persuasive. Proverbs 16:21 (New Living Translation) Team OS/2 ** Reg. Linux User #211409 ** a11y rocks! Felix Miata *** http://fm.no-ip.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font Size for fluid responsive on touch devices ?
nov 10 2014 04:33 Crest Christopher crestchristop...@gmail.com: You don’t consult user groups in your projects, Crest? They’d know. What ? A user group is a stratified group of people that are giving you feedback on your design. Legibility is one of the basic questions I always ask about. Users normally know what they prefer. Users know and if not their behavior will still make it clear. I don’t pay these people, at least I haven’t needed to do that so far. They do it for different reasons, like they’re interested in the company I develop for (The client), the product behind it or are principal users of the coming or existing web site, like employees or in another business relationship with the client. At minimum they devote maybe 20-60 minutes a weekly or biweekly, depending on interest. It took me along time to get clients onboard with this. It has the befit to make the clients take one step back in their sometimes heavy-handed involvement in the design as they learn the web site is not for them, but for the users. Anyway, your question in itself was actually off topic, so we better stop there. (Legibility in this case is a design issue and not directly dependent on CSS). While not related to your question the CSS property optimizeLegibility is of course on topic. : http://aestheticallyloyal.com/public/optimize-legibility/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Font Size for fluid responsive on touch devices ?
nov 10 2014 05:04 Felix Miata mrma...@earthlink.net: ATM I cannot fathom the right words to share in public describing any recommendation of use of an 8px font size. It's hard enough to find sharable words for recommending px for font sizing in any context. By definition, px font sizes disregard whatever size users find optimal, and that, besides being rude, is inconsistent with my understanding of the reasons for and nature of responsive design. Do px even work in a meaningful way on mobile displays? While I do think about px regarding base font size as a variation, it stops there. The base font size is not 16 px, it’s ”x” px as it’s unknown. Therefore IMHO any design decisions based on font size have to be expressed in relative terms. The base size is what it is and not what we, as designers, hope. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
