Re: [css-d] ie/11
On Sun, Mar 16, 2014 at 8:15 PM, David Laakso laakso.davi...@gmail.com wrote: In the footer ie/11 is chopping-off the crossbar of the numerical digit 4. What to do? Thanks to all who replied both on and off-list. Re-set css for the containing blocks and re-set the generated content. letter-spacing to .175em. The footer proper needs more work in all browsers: but, at least, the revised letter-spacing seems to resolve the specific clipping issue I wrote about in IE/11. html http://ccstudi.com/ Best, David Laakso -- Chelsea Creek Studio http://ccstudi.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/
[css-d] ie/11
In the footer ie/11 is chopping-off the crossbar of the numerical digit 4. What to do? html http://ccstudi.com/ css http://ccstudi.com/site/css/sisu.css footer::after{ border:1px dotted red; content:'14; color:rgb(218,165,32); font:1250% 'falstaffMTStd'; letter-spacing:-.25em; margin:0; padding:0; position:absolute; top:-30px; left:0; width:40%; text-shadow:2px 2px 5px rgb(100,100,100)} Thank you. David Laakso -- Chelsea Creek Studio http://ccstudi.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] ie/11
It's the letter-spacing, just don't know why yet. It appears to only have an affect when it's being applied to the content: attribute. On Sun, Mar 16, 2014 at 8:15 PM, David Laakso laakso.davi...@gmail.comwrote: In the footer ie/11 is chopping-off the crossbar of the numerical digit 4. What to do? html http://ccstudi.com/ css http://ccstudi.com/site/css/sisu.css footer::after{ border:1px dotted red; content:'14; color:rgb(218,165,32); font:1250% 'falstaffMTStd'; letter-spacing:-.25em; margin:0; padding:0; position:absolute; top:-30px; left:0; width:40%; text-shadow:2px 2px 5px rgb(100,100,100)} Thank you. David Laakso -- Chelsea Creek Studio http://ccstudi.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/ -- Chris Rockwell __ 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] ie/11
Or maybe it's something else, this seems to work fine: http://jsfiddle.net/2n6an/ On Sun, Mar 16, 2014 at 8:40 PM, Chris Rockwell ch...@chrisrockwell.comwrote: It's the letter-spacing, just don't know why yet. It appears to only have an affect when it's being applied to the content: attribute. On Sun, Mar 16, 2014 at 8:15 PM, David Laakso laakso.davi...@gmail.comwrote: In the footer ie/11 is chopping-off the crossbar of the numerical digit 4. What to do? html http://ccstudi.com/ css http://ccstudi.com/site/css/sisu.css footer::after{ border:1px dotted red; content:'14; color:rgb(218,165,32); font:1250% 'falstaffMTStd'; letter-spacing:-.25em; margin:0; padding:0; position:absolute; top:-30px; left:0; width:40%; text-shadow:2px 2px 5px rgb(100,100,100)} Thank you. David Laakso -- Chelsea Creek Studio http://ccstudi.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/ -- Chris Rockwell -- Chris Rockwell __ 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] ie/11
Aargh, this is annoying. I've got it narrowed down to the text shadow. On Sun, Mar 16, 2014 at 8:49 PM, Chris Rockwell ch...@chrisrockwell.comwrote: Or maybe it's something else, this seems to work fine: http://jsfiddle.net/2n6an/ On Sun, Mar 16, 2014 at 8:40 PM, Chris Rockwell ch...@chrisrockwell.comwrote: It's the letter-spacing, just don't know why yet. It appears to only have an affect when it's being applied to the content: attribute. On Sun, Mar 16, 2014 at 8:15 PM, David Laakso laakso.davi...@gmail.comwrote: In the footer ie/11 is chopping-off the crossbar of the numerical digit 4. What to do? html http://ccstudi.com/ css http://ccstudi.com/site/css/sisu.css footer::after{ border:1px dotted red; content:'14; color:rgb(218,165,32); font:1250% 'falstaffMTStd'; letter-spacing:-.25em; margin:0; padding:0; position:absolute; top:-30px; left:0; width:40%; text-shadow:2px 2px 5px rgb(100,100,100)} Thank you. David Laakso -- Chelsea Creek Studio http://ccstudi.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/ -- Chris Rockwell -- Chris Rockwell -- Chris Rockwell __ 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] ie/11
Here is an example without using ::after and content http://jsfiddle.net/2n6an/1/ On Sun, Mar 16, 2014 at 8:52 PM, Chris Rockwell ch...@chrisrockwell.comwrote: Aargh, this is annoying. I've got it narrowed down to the text shadow. On Sun, Mar 16, 2014 at 8:49 PM, Chris Rockwell ch...@chrisrockwell.comwrote: Or maybe it's something else, this seems to work fine: http://jsfiddle.net/2n6an/ On Sun, Mar 16, 2014 at 8:40 PM, Chris Rockwell ch...@chrisrockwell.comwrote: It's the letter-spacing, just don't know why yet. It appears to only have an affect when it's being applied to the content: attribute. On Sun, Mar 16, 2014 at 8:15 PM, David Laakso laakso.davi...@gmail.comwrote: In the footer ie/11 is chopping-off the crossbar of the numerical digit 4. What to do? html http://ccstudi.com/ css http://ccstudi.com/site/css/sisu.css footer::after{ border:1px dotted red; content:'14; color:rgb(218,165,32); font:1250% 'falstaffMTStd'; letter-spacing:-.25em; margin:0; padding:0; position:absolute; top:-30px; left:0; width:40%; text-shadow:2px 2px 5px rgb(100,100,100)} Thank you. David Laakso -- Chelsea Creek Studio http://ccstudi.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/ -- Chris Rockwell -- Chris Rockwell -- Chris Rockwell -- Chris Rockwell __ 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/